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: ''
    };

问题是如何像this.state.nonCompletionReason中那样传递completeTask当前状态，并将其传递给不同组件中的不同函数。

另一个组件具有处理任务的功能，如：

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

我想通过

Answer 1

您将需要将state.completeTask传递到其他组件的道具中，如下所示：<OtherComponent completeTask={this.state.completeTask} />。然后OtherComponent将通过this.props.completeTask进行访问。

用Redux响应JS：如何将e.target.value从一个组件传递到另一个

1 个答案: