5
3秒演示https://www.youtube.com/watch?v=bo2nNQXbhI8&feature=youtu.be所选择的选项将被恢复到未选择的状态
https://gist.github.com/weichenghsu/407a8862f3382a425fb531b3dedcd6f5
作为标题,所选择的选项将被恢复到未选择的状态
而且onChange
方法具有用于无影响官方教程示例。
我的用例是,当用户从下拉列表中选择一个值。它应该解雇的行动来获取其他数据并呈现另一种形式的
const chooseTable = ({items, meta:{touched, error}}) => (
<select
onChange={event => {
console.log(this.props.fields);
this.props.tableNameOnChange(event.target.value);
}}>
<option value="">Select</option>
{
items.map((item :any, i: integer) =>
<option key={item.id} value={item.id}>{item.name}</option>
)
}
</select>
)
<Field component={chooseTable}
items={schemaData.tableList}
name="tableName"
>
{/*<option value="#ff0000">Red</option>*/}
{/*<option value="#00ff00">Green</option>*/}
{/*<option value="#0000ff">Blue</option>*/}
</Field>
UIBuilderForm = reduxForm({
form: 'dashbaordUiBuilderForm',
fields: ['tableName']
}
})
(UIBuilderForm as any);
// Decorate with connect to read form values
const selector = formValueSelector('dashbaordUiBuilderForm')
// export default connect(mapStateToProps, mapDispatchToProps)(UIBuilderForm);
export default connect(state => {
const TableSchemaName = selector(state, 'TableSchemaName')
return {
TableSchemaName
}
}
Redux表格''要求您使用各种道具[如此处所述](http://redux-form.com/6.4.3/docs/api/Field.md/)。 –
gustavohenke
没有用,调度动作仍然不起作用onChange方法 – newBike