我是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
包裹成表格?
很高兴根据要求提供更多背景信息。
答案 0 :(得分:1)
是;这就是它将输入连接到redux表单状态的方式。
这在the redux-form docs中有记录。
Redux格式的文档note on React Native也说要遵循this tutorial入门,而且没有资源表明它在React Native下工作不同。