Вопросы с тегом «reactjs»

У меня есть следующая структура для моего приложения React.js, использующего React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> …

315 javascript  properties  reactjs  react-router 

Как я могу заставить React повторно визуализировать представление при изменении размера окна браузера? Задний план У меня есть несколько блоков, которые я хочу разместить на странице по отдельности, но я также хочу, чтобы они обновлялись при изменении окна браузера. Самым конечным результатом будет что-то вроде макета Бена Холланда на Pinterest, …

313 javascript  reactjs  resize 

Я хочу объявить путь с необязательным параметром пути, поэтому, когда я добавляю его, страница делает что-то дополнительное (например, заполняет некоторые данные): http: // localhost / app / path / to / page <= отобразить страницу http: // localhost / app / path / to / page / pathParam <= отобразить …

306 javascript  reactjs  react-router  react-router-v4 

Что может быть причиной ошибки Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, npm ERR! …

300 node.js  reactjs  npm  install 

Когда я набираю create-react-app my-appкоманду в моем терминале, кажется, что она работает - загрузка всех библиотек успешно и т. Д. В конце этого процесса я получаю сообщение, что a template was not provided. вход user@users-MacBook-Pro-2 Desktop% create-react-app my-app Вывод Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This might …

298 reactjs  create-react-app 

Не существует ли простого способа передать дочерний элемент propsего родителю с помощью событий в React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } }); …

295 javascript  reactjs 

В JSX, как вы ссылаетесь на значение propsизнутри значения атрибута в кавычках? Например: <img className="image" src="images/{this.props.image}" /> В результате получается HTML-вывод: <img class="image" src="images/{this.props.image}">

295 javascript  reactjs  react-props 

Я пытаюсь получить доступ к статическому изображению для использования внутри встроенного backgroundImageсвойства в React. К сожалению, я иссяк от того, как это сделать. Вообще, я думал, ты просто сделал следующее: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { Background } + ")" …

290 javascript  reactjs 

Я новичок в React и пытаюсь написать приложение, работающее с API. Я продолжаю получать эту ошибку: Ошибка типа: this.setState не является функцией когда я пытаюсь обработать ответ API. Я подозреваю, что с этим переплетом что-то не так, но я не могу понять, как это исправить. Вот код моего компонента: var …

289 javascript  reactjs 

Можно ли вообще обновить свойства объекта setState? Что-то вроде: this.state = { jasper: { name: 'jasper', age: 28 }, } Я пытался: this.setState({jasper.name: 'someOtherName'}); и это: this.setState({jasper: {name: 'someothername'}}) Первое приводит к синтаксической ошибке, а второе просто ничего не делает. Любые идеи?

266 reactjs  state 

У меня относительно простая проблема - попытка добавить встроенные сценарии в компонент React. Что у меня так далеко: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( <DocumentTitle …

266 javascript  reactjs  ecmascript-6  react-jsx 

Учитывая простой компонент, который делает его потомки: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Вопрос: Каким должен быть propType детей prop? Когда я устанавливаю его как объект, происходит сбой при использовании компонента …

265 reactjs  jsx  react-proptypes 

В настоящее время я борюсь с вложенными маршрутами, используя реакционный маршрутизатор v4. Наиболее близким примером была конфигурация маршрута в документации React-Router v4 . Я хочу разделить свое приложение на 2 части. Интерфейс и админка. Я думал о чем-то вроде этого: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} …

262 javascript  reactjs  nested  react-router  react-router-v4 

Я создаю приложение, в котором пользователь может создать свою собственную форму. Например, укажите название поля и детали, какие другие столбцы, которые должны быть включены. Компонент доступен как JSFiddle здесь . Мое начальное состояние выглядит так: var DynamicForm = React.createClass({ getInitialState: function() { var items = {}; items[1] = { name: …

260 javascript  reactjs  state 

Я использую реагирование. Когда я запускаю код ниже, браузер говорит: Uncaught TypeError: Супер-выражение должно быть либо нулевым, либо функцией, а не неопределенным Любые намеки на то, что не так, будут оценены. Сначала строка, используемая для компиляции кода: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js И код: var React = …

256 reactjs  ecmascript-6