MUI 分级组件的更改会影响 TextField 组件

Change in MUI rating component affects TextField component

提问人:Kaustubh Paturi 提问时间:4/21/2023 更新时间:4/21/2023 访问量:57

问:

我有一个Material UI(MUI)组件TextField

<TextField
    error={contents.desc.length > 50}
    required
    value={contents.desc}
    name="desc"
    sx={{ marginBottom: 3 }}
    label="Describe Me"
    fullWidth
    onInput={handleChange}
/>

和 Material UI(MUI) 组件Rating

<Rating
    name="rating"
    defaultValue={contents.rating}
    precision={0.5}
    sx={{ scale: "1.2" }}
    onChange={(_, value) => {
        setContents({ rating: value });
    }}
/> 

现在,每次我更改评级时,属性都会抛出一个错误,例如 .但是,该错误属性本身不会生成任何错误。一旦条件得到满足,它就会完美地工作。我不知道评级的变化如何影响另一个组件的属性。 in 是一个对象,其属性之一。errorTextFieldCannot read properties of undefined (reading 'length')lengthcontentscontents.descdesc

javascript reactjs material-ui textfield 评级

评论

0赞 Andy 4/21/2023
setContents({ rating: value }); 将当前状态替换为仅具有属性的新对象; 因此不再存在。这就是你收到错误的原因。ratingcontents.desc
1赞 Kaustubh Paturi 4/21/2023
谢谢你,伙计!我完全忘记了它是如何工作的。

答: 暂无答案