在反应中破坏道具

时间:2019-01-14 15:17:52

标签: reactjs eslint

我在破坏道具分配时遇到皮棉错误的问题。由于我是新手,所以我不知道该如何使用道具功能。

这是我分配给我的函数:

handleChange(e) {
    this.props.inputChange(e.target.value);
}

我正在将更改传递给父元素(提升状态),因此我现在可以在反映输入框更改的属性中起作用。

请问如何在传递此参数(例如target.value)时使其具有破坏性?

谢谢

更新:

经过回答和一些研究,我终于做到了:

handleChange({ target: { value } }) {
  const { inputChange } = this.props;
  inputChange(value);
}

2 个答案:

答案 0 :(得分:0)

解构嵌套参数:

handleChange({target: {value}}) {
 this.props.inputChange(value);
}

答案 1 :(得分:0)

您可以做类似的事情。

// 父组件

changedHandler(event) {
    const value = event.target.value
}

<ComponentChild changed={this.changedHandler}>

// 子组件

<input type="text" onChange={props.changed}>