Реагируйте JS с Redux: как передать e.target.value из одного компонента в другой

Question

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

 <Input type="select" name="selectInput" value={this.state.completeTask} onChange=. 
 {this.handleChangeCompleteTask} >
        <option value="" disabled> Select Reason</option>
        <option value="Task Completed"> Task Completed</option>
        <option value="Task in Progress"> Task in Progress</option>
 </Input>

handleChangeCompleteTask:

handleChangeCompleteTask = (e) => {
    this.setState({ completeTask: e.target.value });
};

У меня также есть начальное состояние для completeTask:

   state = {
        completeTask: ''
    };

Вопрос в том, как передать текущее состояние completeTask, как в this.state.nonCompletionReason, и передать его другой функции в другом компоненте.

Другой компонент имеет функцию, которая обрабатывает задачи, как в:

handleTasks = (tasks) => {
 this.props.tasks(tasks)
}

Я хотел бы передать

Answer 1

Вы хотите передать state.completeTask в подпорки другого компонента, как это: <OtherComponent completeTask={this.state.completeTask} />. Тогда OtherComponent будет иметь доступ через this.props.completeTask.