对 const 'setMessage' 的无效赋值

Question

我在 Material UI 的 TextField 中遇到了这个问题。我正在尝试使用带有 onChange 道具的 React 来更改状态。遗憾的是，我一直收到此消息 “对 const 'setMessage'”的无效分配 我使用的代码与我在代码的其他组件中使用的代码相同，所以我真的不知道为什么现在我不能使用 setMessage.


    const [message, setMessage] = useState(""); 

                <TextField 
                    name="message" 
                    placeholder="Écrire un message..."
                    onChange={ e => 
                        setMessage=(e.target.value)
                    }
                    onKeyPress={(event) => {
                        event.key === 'Enter' && sendMessage();
                    }}
                />

Answer 1

您在 onChange 道具中有错字。您应该从此行

中删除 =

setMessage=(e.target.value)

onChange 道具应该是这样的

onChange={ e => 
    setMessage(e.target.value)
}

对 const 'setMessage' 的无效赋值

invalid assignment to const 'setMessage'

jsx

reactjs

material-ui