Reactjs 物料ui文本字段与react redux混乱

Reactjs 物料ui文本字段与react redux混乱,reactjs,redux,react-redux,material-ui,Reactjs,Redux,React Redux,Material Ui,我有一个react组件,其中有一个TextField: <TextField hintText="name" floatingLabelText="Your name:"/> 我无法理解这一切,为什么SET\u FOCUS\u页面被一个无法访问操作的组件调度?更改事件如何在页面属性中结束?那里发生了什么事 看起来您正在将合成事件传递到redux状态树。您更可能希望使用值而不是事件本身 例如: <TextField hintText="name"

我有一个react组件,其中有一个
TextField

<TextField
    hintText="name"
    floatingLabelText="Your name:"/>

我无法理解这一切,为什么
SET\u FOCUS\u页面
被一个无法访问操作的组件调度?
更改
事件如何在页面属性中结束?那里发生了什么事

看起来您正在将合成事件传递到redux状态树。您更可能希望使用值而不是事件本身

例如:

<TextField
    hintText="name"
    floatingLabelText="Your name:"
    onChange={(event) => handleChangeText(event)}
/>
如果你用它更新你的状态树,那么你应该得到你所需要的。在我编写console.log的地方,您可以启动操作以捕获输入

<TextField
    hintText="name"
    floatingLabelText="Your name:"
    onChange={(event) => handleChangeText(event)}
/>
const handleChangeText = (event) => {
    console.log('the text is:', event.target.value);
}