Установить значение ввода Reactstrap в пустую строку

Question

Как мне установить значение входа Reactstrap пустым?Я использую подобный кодOnChange

Answer 1

Вы должны установить значение свойства для вашего ввода, которое содержит значение вашего ввода, поэтому ваш ввод выглядит следующим образом:

<Input value={this.state.message} onChange={this.handleChange} />

, а затем, когда вы хотите очистить его значение, вы просто делаете это:

this.setState({message: ''})

и для вашего другого вопроса ответ таков: ссылки предоставляют способ доступа к узлам DOM или элементам React, созданным в методе рендеринга, в соответствии с документацией React. Ссылки можно использовать, когда:

• Управление фокусом, выделением текста или воспроизведением мультимедиа.
• Запуск обязательной анимации.
• Интеграция со сторонними библиотеками DOM.

и вы должны ИЗБЕЖАТЬ, используя ссылки для всего, что может быть сделано декларативно .Тогда, здесь мы просто используем onChange, потому что нам просто не нужны ссылки!

Answer 2

Вам необходимо присвоить значение состояния вашему полю ввода.

public class myApp() extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            message: ''
        };
    }

    handleChange = (event) => {
        this.setState({message: event.target.value});
    };

    render() {
        return (
            <Input value={this.state.message} onChange={this.handleChange} />
        );
    }
}