reactjs — вопросы с ответами

Я пытаюсь организовать свое состояние, используя вложенное свойство следующим образом: this.state = { someProperty: { flag:true } } Но обновляя состояние, подобное этому, this.setState({ someProperty.flag: false }); не работает. Как это можно сделать правильно?...

Я читал документацию для библиотеки Redux и имел этот пример, В дополнение к чтению состояния компоненты контейнера могут отправлять действия. Аналогичным образом вы можете определить функцию с именем mapDispatchToProps(), которая получает метод dispatch() и возвращает реквизиты обратного вызова, к...

У меня есть простой компонент реакции с формой, которая, как я полагаю, имеет один управляемый вход: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( ...

Я новичок в ReactJS и JSX, и у меня возникла небольшая проблема с кодом ниже. Я пытаюсь добавить несколько классов в атрибут classNames для каждого li: <li key={index} className={activeClass, data.class, "main-class"}></li> Мой компонент React: var AccountMainMenu = React.createClass...

Я читаю Forms раздел reactjs и просто попробовал этот код, чтобы продемонстрировать использование onChange (JSBIN). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handl...

Я пишу простой компонент в ES6 (с BabelJS), а функции this.setState не работают. Типичные ошибки включают что-то вроде Невозможно прочитать свойство 'setState' из undefined или this.setState не является функцией Знаешь почему? Вот код: import React from 'react' class SomeClass extends React.Com...

EDIT: это дубликат, см. здесь Я не могу найти примеры использования имени динамического ключа при настройке состояния. Это то, что я хочу сделать: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, где event.target.id используется в качестве ...

У меня есть следующая структура: FormEditor - содержит несколько FieldEditor FieldEditor - редактирует поле формы и сохраняет в нем различные значения. Состояние При нажатии кнопки в FormEditor я хочу иметь возможность собирать информацию о полях из всех компонентов FieldEditor, информацию, которая...

Я создаю приложение response.js с архитектурой потока, и я пытаюсь выяснить, где и когда должен запрашиваться запрос данных с сервера. Есть ли какой-нибудь пример для этого. (Не приложение TODO!)

У меня есть приложение, где мне нужно установить высоту элемента (скажем, "приложение-контент" ) динамически. Он принимает высоту "хром" приложения и вычитает его, а затем устанавливает высоту "содержимого приложения", чтобы соответствовать 100% в пределах этих ограничений. Это очень просто с ваниль...

Есть ли способ передать один компонент в другой компонент реакции? Я хочу создать компонент реакции модели и передать в другой компонент реакции, чтобы перекрыть этот контент. Изменить: Вот код, который я пытаюсь сделать. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> &l...

Предположим, что у меня есть класс React P, который отображает два дочерних класса C1 и C2. C1 содержит поле ввода. Я буду ссылаться на это поле ввода как Foo. Моя цель - позволить C2 реагировать на изменения в Foo. Я придумал два решения, но ни один из них не чувствует себя совершенно правильно....

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

React способен отображать пользовательские атрибуты, как описано в http://facebook.github.io/react/docs/jsx-gotchas.html: Если вы хотите использовать настраиваемый атрибут, вы должны префикс его данные -. <div data-custom-attribute="foo" /> И эта отличная новость, за исключением того, что я...

У меня следующее состояние: this.setState({ selected: { id: 1, name: 'Foobar' } }); Затем я обновляю состояние: this.setState({ selected: { name: 'Barfoo' }}); Так как setState предполагается слить, я бы ожидал, что это будет: { selected: { id: 1, name: 'Barfoo' } }; Но вместо этого он ест иде...