Задать вопрос
@beegrowth

Очистить input React/Redux?

Добрый день! Подскажите пожалуйста как в react/redux очистить инпут. Сейчас при клике на button добавляется запись и нужно, чтобы очищался инпут. С props-ов очищается, но значение все равно остается в инпуте.
Вот кусок кода
// Компонент Input
   handleChange(event) {
        const {value} = event.target;
        this.props.onChange(value);
        this.setState({value});
    }

    render() {
        return (
                <input
                    type='text'
                    value={this.state.value}
                    onChange={this.handleChange}
                    className='form-control'
                />
    );

// Родительский компонент

  inputOnChange(value) {
        this.setState({todoName: value});
    }

    addTodo() {
        let {todos} = this.props.home;
        const id = todos[todos.length - 1].id + 1;
        const name = this.state.todoName;
        this.props.dispatch(addTodo(id, name));
        this.setState({todoName: ''});
// тут с переменной очищается, а инпут нет
    }

    render() {
        const {todoName} = this.state;
        const {todos, error} = this.props.home;
        return (
            <div className="container-fluid">
                        <div className="col-xs-4">
                            <Input onChange={this.inputOnChange} value={''} error={error}/>
                            <button className="btn btn-primary" onClick={this.addTodo}>Add todo</button>
                        </div>
            </div>

        );
    }

Второй вопрос:
Используете ли вы с redux методы жизненного цикла (componentWillReceiveProps и тд..)
Пересмотрел много туториал нигде не замечал этого.
Заранее благодарю)
  • Вопрос задан
  • 11239 просмотров
Подписаться 1 Оценить Комментировать
Ответ пользователя akochemasov К ответам на вопрос (3)
@akochemasov
Такой вариант - https://codepen.io/akochemasov/pen/NZBGxN
Ответ написан
Комментировать