如何解决如何一次动态地在页面上添加文本区域?
有人知道如何在React中编写代码吗?还是让我指向文档?
我正在创建一个论坛,希望为用户提供编辑其评论的功能。我已经成功构建了后端,但是在将功能添加到前端时遇到了麻烦。
当用户单击“编辑”按钮时,我希望打开一个文本区域,该区域最初显示注释。这是一个非常简单的图像:
我一直在寻找文档或以前的帖子,但是没有任何运气。
谢谢。
解决方法
假设您正在使用功能组件。
通常是这样进行的:
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对其进行测试
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。