Вы должны установить значение свойства для вашего ввода, которое содержит значение вашего ввода, поэтому ваш ввод выглядит следующим образом:
<Input value={this.state.message} onChange={this.handleChange} />
, а затем, когда вы хотите очистить его значение, вы просто делаете это:
this.setState({message: ''})
и для вашего другого вопроса ответ таков: ссылки предоставляют способ доступа к узлам DOM или элементам React, созданным в методе рендеринга, в соответствии с документацией React. Ссылки можно использовать, когда:
- Управление фокусом, выделением текста или воспроизведением мультимедиа.
- Запуск обязательной анимации.
- Интеграция со сторонними библиотеками DOM.
и вы должны ИЗБЕЖАТЬ, используя ссылки для всего, что может быть сделано декларативно .Тогда, здесь мы просто используем onChange, потому что нам просто не нужны ссылки!