javascript - 从 this.props.location.state 派生时无法编辑文本框中的内容

Question

我正在处理更新任务活动，我无法编辑文本框中的内容，因为它源自this.props.location.state.****.

请建议。我怎样才能让它保持可编辑。

代码 ：

<textarea ref="taskdescr" type="text" class="form-control" value={this.props.location.state.tskDescr} id="taskDesc"></textarea>

标签： javascriptreactjs

Answer 1

如果你想改变值，道具是不可变的使用状态，在添加状态后你需要提供一个监听器以便你可以改变值。

<textarea
    value={this.state.text}
    onChange={this.handle}
/>

handle = ({target:{value}}) => this.setState({text:value});