无法读取 Reactjs 中未定义的属性(读取“名称”)?

发布于 2025-01-10 09:15:35 字数 800 浏览 0 评论 0原文

我是 Reactjs 新手,在编辑器上编写任何内容时,它显示 无法读取未定义的属性(读取“名称”) 错误。

我使用 React-draft 库作为文本编辑器。 我的代码是这样的。

我使用此代码是因为我想在单击添加按钮时添加更多编辑器。

 const [inputList, setInputList] = useState([{description: "" }])
    const handleInputChange = (e, index) => {
        const { name, value } = e.target;
        const list = [...inputList];
        list[index][name] = value;
        setInputList(list);
    };



<Editor
   toolbarClassName="toolbarClassName"
    wrapperClassName="wrapperClassName"
  editorClassName="editorClassName"
wrapperStyle={{ width: 800, border: "1px solid black" }}
   name="description"
  value={x.description}
   onChange={e => handleInputChange(e, i)}
      />

当我在文本字段中输入任何内容时,它显示 无法读取未定义的属性(读取“名称”) 错误

I am new to Reactjs and while writing anything on editor it shows Cannot read properties of undefined (reading 'name') error.

I am using the react-draft library as a text editor.
My code is like this.

I am using this code because I want to add more editors when the add button is clicked.

 const [inputList, setInputList] = useState([{description: "" }])
    const handleInputChange = (e, index) => {
        const { name, value } = e.target;
        const list = [...inputList];
        list[index][name] = value;
        setInputList(list);
    };



<Editor
   toolbarClassName="toolbarClassName"
    wrapperClassName="wrapperClassName"
  editorClassName="editorClassName"
wrapperStyle={{ width: 800, border: "1px solid black" }}
   name="description"
  value={x.description}
   onChange={e => handleInputChange(e, i)}
      />

when I type anything on the text field it shows Cannot read properties of undefined (reading 'name') error

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

酒绊 2025-01-17 09:15:35

请尝试一下

const { name, value } = e.target;   
     setArr((prev) => {
    return [{ ...prev, name: value }];
  });

Please try it

const { name, value } = e.target;   
     setArr((prev) => {
    return [{ ...prev, name: value }];
  });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文