Javascript 材质ui选择和“重复制表单”出现意外行为

我有一个简单的“redux表单”，其中包含一个从最新的材质ui中选择的组件

从“材料ui”导入{TextField}

该值会正确更改，但仅在一秒钟后，该值将变为最初的0，并且选定的值将消失，从现在起为空。它有一个正确的值只是暂时的，但不知怎么的，它被自动设置回0

甚至尝试渲染字段：

const renderSelectField = ({ input, label, meta: { touched, error }, children, ...custom }) => (
  <TextField
    {...input}
    select
    onChange={(event, index, value) => input.onChange(event.target.value)}
    children={children}
    {...custom}
  />
)

它发生在一秒钟之内

期待任何帮助。多谢各位

编辑：这是在redux开发工具中选择具有字符串值的项目时发生的情况——在本例中为pln

---

基于此，您似乎需要覆盖默认的onBlur事件。

是否可以包括两个事件之间触发的操作列表？您可以使用它。@squgeim我添加了一个图像这是状态的变化。您能在左边的列表中列出这些操作吗？@squgeim除了操作类型之外，这两个操作之间唯一重要的区别是负载。更改有效载荷为pln。Blur有效载荷为0。因此在这两个之间的一秒钟内没有调度其他操作？@Patrickkx您是如何解决此问题的？在原始问题中，您对代码做了哪些更改？@JamesJ.刚刚覆盖了onblur函数，该函数来自我的组件中的redux表单字段。您必须基本上覆盖它，比如onBlur={null}

<Field
   name="name"
   component={TextField}
   select
>
   <MenuItem value="lily">Lily</MenuItem>
   <MenuItem value="mark">Mark</MenuItem>
</Field>

const renderSelectField = ({ input, label, meta: { touched, error }, children, ...custom }) => (
  <TextField
    {...input}
    select
    onChange={(event, index, value) => input.onChange(event.target.value)}
    children={children}
    {...custom}
  />
)

{ name: "Lily" }
{ name: 0 }
{ name: 0 }