Karte requisiten für react toolbox-eingang

Question

Reagieren toolbox scheinen zu erfordern Ich benutze Zustand für seine Eingabewerte http://react-toolbox.com/#/components/input. Wie kann ich meine Redux-Requisiten für die Verwendung mit react-toolbox zuordnen?

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

Ich denke, wenn ich es im Konstruktor setze, wenn redux Zustand ändert, wird es nicht meinen Zustand aktualisieren?

Answer 1

1. Sie müssen Redux-Zustände auf Komponentenrequisiten abbilden.

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

2. Dann können wir die Requisiten auf die Komponente binden mit

export default connect(mapStateToProps)(myComponent); 

3. Und wir können es in unserer Komponente wie normale Requisiten verwenden.

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

Redux doc: https://github.com/reactjs/react-redux/blob/master/docs/api.md

Bitte lassen Sie mich wissen, wenn ich etwas fehlt bin?