React Redux 嵌套的组件 Mui 文本字段不会随着状态更改而更新

Question

我正在努力获得一个react/redux状态组件刷新

我想要显示的内容得到了预期的处理。我通过redux useSelector钩子在组件中拾取它。

const content = useSelector(my.select.content, helper.customEqual);

组件显示一个标题，一个基于内容动态构建的框。

• 标题和div块按预期刷新

• TextField(是MaterialTextField，见下文):

  • defaultValue不刷新，如果key不存在，则用正确的值添加字段/删除
  • 标签刷新

<Typography variant="headline" component="h3">
{title}: {content.label  } 
</Typography>
<Box
component="form"
>
{
Object.keys(content)
.map(key => {
return (
<Typography color="textSecondary">
<div>{key}: {content[key]  /* this refreshes */} </div>
<TextField

label={content[key]}  /* should be:  label={key} */  
defaultValue={content[key] }
/>
</Typography>
)
})
}
</Box>

为了完整性，(Mui) TextField是一个Atom，我没有看到一个react/redux相关的问题在这里，但可能如果id存在相同的值它不呈现?

Answer 1

边输入问题边挖掘，发现这确实是一个与Mui相关的TextField错误配置。

defaultValue    any     The default value. Use when the component is not controlled.
value           any     The value of the input element, required for a controlled component.

切换到value完成了工作。