2017-04-16 9 views
0

反応ツールボックスは入力値http://react-toolbox.com/#/components/inputの状態を必要とするようです。どのようにreact-toolboxと一緒に使用するために私のreduxの小道具を状態にマップできますか?反応ツールボックス入力の状態をマップするためのプロープマップ

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

還元状態が変化したときにコンストラクタで設定した場合、状態は更新されません。

答えて

1
  1. redux州をコンポーネントの小道具にマッピングする必要があります。
​​
  • その後、我々が使用してコンポーネントに小道具を結合することができる
  • export default connect(mapStateToProps)(myComponent); 
    
  • そして私たちは通常の小道具のような私たちのコンポーネントでそれを使うことができます。
  • <Input type='text' 
          label='Name' 
          name='name' 
          value={this.props.name} 
          onChange={this.handleChange.bind(this, 'name')} /> 
    

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

    私は何かが欠けていた場合は私に知らせてください!

    関連する問題