如何使用redux格式的formValueSelector()来访问按钮的值

时间:2018-04-19 14:56:36

标签: reactjs redux react-redux redux-form

我使用redux-from来创建某种形式。

今天,我需要创建一个动态的表单。 更准确地说,当用户点击某个按钮时,会显示一些字段。

我在documentation of redux-form上找到了这个示例。 在此示例中,它是一个复选框。

我尝试用按钮做同样的事情,但它不起作用。

使用按钮可以做些什么呢?

对我来说,这与复选框的逻辑相同

<Field
  name="button"
  id="button"
  type='button'
  component={renderButton}
/>
{ button &&
   <div>
     test
   </div>
}


const selector = formValueSelector( 'testFrom' );

function mapStateToProps (state) {
    const button = selector( state , 'button' );
    return {
        button ,
    };
}

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

checkedListBox1.CheckedIndices 元素没有 foreach(int index in checkedListBox1.CheckedIndices) { if(index == 1) { //do something } } 属性,这就是为什么button不返回任何内容。

value处理程序添加到按钮,您可以在其中设置表单组件状态的任何值。并根据此值显示或隐藏其他字段。

  

Working Example

selector(state, 'button')