Карта реквизит для состояния для ввода набора инструментов реагировать

Question

Панель инструментов React, кажется, требует, чтобы я использовал state для его входных значений http://react-toolbox.com/. Как я могу сопоставить мои реквизиты для использования с react-toolbox?

<Input type='text' 
    label='Name' 
    name='name' 
    value={this.state.name} 
    onChange={this.handleChange.bind(this, 'name')} />

Я думаю, что если я установлю его в конструкторе при изменении состояния избыточности, это не изменит мое состояние?

Answer 1

1. Вам необходимо отобразить состояния избыточности на реквизиты компонентов.

const mapStateToProps = state => ({
  inputBoxValue: state.myReduer.inputBoxValue,
});

2. Затем мы можем привязать реквизит к компоненту, используя

 export default connect(mapStateToProps)(myComponent);

3. И мы можем использовать его в нашем компоненте как обычный реквизит.

<Input type='text' 
            label='Name' 
            name='name' 
            value={this.props.name} 
            onChange={this.handleChange.bind(this, 'name')} />

Документ Redux: https://github.com/reactjs/react-redux/blob/master/docs/api.md

Пожалуйста, дайте мне знать, если я что-то упустил?