Javascript 重新编辑表单材质ui |选择字段|自定义更改可防止显示所选值
我使用Javascript 重新编辑表单材质ui |选择字段|自定义更改可防止显示所选值,javascript,reactjs,redux,material-ui,redux-form,Javascript,Reactjs,Redux,Material Ui,Redux Form,我使用redux form和redux form material ui创建一些简单的表单。子部门选择中的值取决于部门选择中选择的值。因此,我创建了一个回调函数,该函数在更改departmentselect时触发。为子部门select获取数据有效,但所选的值departmentselect不再显示 import React from 'react'; import { Field } from 'redux-form'; import { SelectField } from 'redux-fo
redux form
和redux form material ui
创建一些简单的表单。子部门
选择中的值取决于部门
选择中选择的值。因此,我创建了一个回调函数,该函数在更改department
select时触发。为子部门
select获取数据有效,但所选的值department
select不再显示
import React from 'react';
import { Field } from 'redux-form';
import { SelectField } from 'redux-form-material-ui';
import MenuItem from 'material-ui/MenuItem';
<Field
name={name}
component={SelectField}
hintText={label}
floatingLabelText={label}
onChange={callback}
>
{this.renderOptions(options)}
</Field>
您是否在分派搜索子部门之前和之后检查了您的店铺状态?可能有什么东西重置了部门字段的状态。redux的一个可爱之处是调试应该很容易——准确地找到重置(清除)department字段value.Yep的一段代码。@WTK所说的。@WTK我并没有更改我的存储,只是在组件中添加了自定义onChange。如果没有自定义
onChange
我可以看到带有自定义onChange
的部门的所选值,该值永远不会出现
searchSubdepartments: departmentId => dispatch(searchSubdepartments(departmentId))