如何一次动态地在页面上添加文本区域？

编程问答 2022-08-12

问题描述

有人知道如何在React中编写代码吗？还是让我指向文档？

我正在创建一个论坛，希望为用户提供编辑其评论的功能。我已经成功构建了后端，但是在将功能添加到前端时遇到了麻烦。

当用户单击“编辑”按钮时，我希望打开一个文本区域，该区域最初显示注释。这是一个非常简单的图像：

enter image description here

我一直在寻找文档或以前的帖子，但是没有任何运气。

谢谢。

解决方法

假设您正在使用功能组件。

通常是这样进行的：

const Test = () => {
    const [editing,setEditing] = useState(false);
    const [text,setText] = useState('Lorum ipsum');

    return <div>
        {editing ?
            <p>{text}</p> :
            <textarea value={text} onChange={({ target }) => setText(target.value)}></textarea>
        }
        <button onClick={() => setEditing(!editing)}>{editing ? 'Submit' : 'Edit'}</button>
    </div>;
};

您可以here对其进行测试

formsreactjsreactjstextarea