是否有必要将redux表单字段包装在表单标签中?

时间:2019-04-02 22:15:28

标签: react-native redux react-redux redux-form

我是redux表单的新手。我试图利用它以Typescript编写的我的本机应用程序中为一个文本输入字段提供的好处,实际上只是一个文本输入字段。

<Field name="payoutInput" type="text" component={this.renderPayout}/>

private renderPayout = (field: any) => (
    <View style={{flexDirection: "row", flex: 0.22, justifyContent: "flex-end"}}>
      <Text style={{fontSize: 17}}>
        $
      </Text>
      <TextInput style={{fontSize: 17}} defaultValue={String(this.props.balance)} autoFocus={true} keyboardType={'number-pad'} onEndEditing={this.calculatePayout}/>
    </View>
  )

我注意到的是,当我在Reactotron中监视状态时,我实际上看不到表单状态中的值。使用formValueSelector也只会给我undefined。所以我想知道是否有必要将Field包裹成表格?

很高兴根据要求提供更多背景信息。

1 个答案:

答案 0 :(得分:1)

是;这就是它将输入连接到redux表单状态的方式。

这在the redux-form docs中有记录。

Redux格式的文档note on React Native也说要遵循this tutorial入门,而且没有资源表明它在React Native下工作不同。