Установите textarea на нетронутый после отправки в React - PullRequest
Новая
       3

Установите textarea на нетронутый после отправки в React

0 голосов
/ 15 марта 2020

В моем компоненте React есть текстовое поле required, которое не должно отправляться пустым. После отправки я остаюсь в том же компоненте, поэтому текстовое поле имеет красные границы, чтобы указать его ошибочное состояние. 

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.

...