您如何一次将文本区域动态添加到页面？

Posted 2023-05-07

【中文标题】您如何一次将文本区域动态添加到页面？

【英文标题】：How do you dynamically add a textarea to a page one time?

【发布时间】：2020-12-25 10:48:35

【问题描述】：

有人知道如何在 React 中编写代码吗？或者指向我的文档？

我正在创建一个论坛，并希望让用户能够编辑他/她的评论。我已经成功构建了后端，但在将功能添加到前端时遇到了问题。

当用户点击编辑按钮时，我想要一个文本区域来打开评论最初出现的位置。这是一张超级简单的图片：

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

提前谢谢你。

【参考方案1】：

假设您使用的是功能组件。

这是通常的做法：

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