ReactJ中的多个丰富的文本编辑器

发布于 2025-01-20 05:15:09 字数 708 浏览 0 评论 0原文

我是ReactJ的新手。

我在网站上使用CKeditor文本编辑器。我想添加一个功能,用户可以在其中单击“添加”按钮以根据需要添加与文本编辑器一样多。在尝试此代码时,我遇到了一个错误 无法读取未定义的属性(读取“名称”)

    const [inputList, setInputList] = useState([{data: ""}]);
      const handleInputChange = (e, index) => {
            const { name, value } = e.target;
            const list = [...inputList];
            list[index][name] = value;
            setInputList(list);
        };
   return (
    <div>
    return(
     {inputList.map((x, i) => {
       <CKEditor
          name="data"
          type="text"
          value={x.data}
          onChange={e => handleInputChange(e, i)}
          />
         }
        )
    </div>
    )

I am new to reactjs.

I am using CKEditor Text Editor on my website. I want to add a function where users can click on add button to add as much as Text Editor as they want. While trying with this code I was getting an error
Cannot read properties of undefined (reading 'name')

    const [inputList, setInputList] = useState([{data: ""}]);
      const handleInputChange = (e, index) => {
            const { name, value } = e.target;
            const list = [...inputList];
            list[index][name] = value;
            setInputList(list);
        };
   return (
    <div>
    return(
     {inputList.map((x, i) => {
       <CKEditor
          name="data"
          type="text"
          value={x.data}
          onChange={e => handleInputChange(e, i)}
          />
         }
        )
    </div>
    )

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文