reactjs - 在 React 中提交后将 textarea 设置为原始
问题描述
在我的 React 组件中有一个required
不应提交为空的文本区域。提交后,我留在同一个组件中,因此 textarea 有红色边框以指示其错误状态。
const CommentForm = ({ postId, addComment }) => {
const [text, setText] = useState('');
const onSubmit = evt => {
evt.preventDefault();
addComment(postId, text);
setText('');
};
const onChange = evt => {
setText(evt.target.value)
};
return (
<div className='post-form'>
<div className='bg-primary p'>
<h3>Add a Comment</h3>
</div>
<form className='form my-1' onSubmit={onSubmit}>
<textarea
name='text'
placeholder='Comment on this post...'
required
value={text}
onChange={onChange}
/>
<input type='submit' className='btn btn-dark my-1' value='Submit' />
</form>
</div>
);
};
提交非空值后如何删除红色边框?完整的组件代码位于https://github.com/ElAnonimo/leansquad/blob/master/src/components/post/CommentForm.js。
解决方案
推荐阅读
- html - 如何在 SVG 中居中和扩展内容?
- ios - 使按钮处于非活动状态,直到所有按钮都上传了照片
- swift - 如何在 Xcode 中快速初始化 firebase 实时数据库观察器?
- swiftui - 如何让 TextEditor 显示多行?
- python - 用下标连接列表,python
- excel - Excel VBA根据可变数量的单元格向后求和单元格?
- html - 了解 v-stuff 内部和外部的 Vuetify
- python - 如何在python中拆分或剪切字符串
- python-3.x - 字符串格式化 python 到 csv 文件
- excel - 如何将 recordset.field 转换为字符串