Javascript React-在组件函数中调用props函数

尝试这样做：

// This gets triggered on click.
removeItem() {
  // remove scripts then:
  this.props.toggleDropdown()
}

//第一部分

toggleDropdown() {
  setState({open: !open}
}

render () {
  return (
   ChildComponent toggle={this.toggleDropdown} />
  )
}

然后在我的子组件中，我想在另一个函数中调用toggleDropdown函数，如下所示：

// This gets triggered on click.
removeItem() {
  // remove scripts then:
  this.props.toggleDropdown()
}

---

我以为您可以这样做，但似乎只能在元素上调用prop函数？

您只需调用

切换

，而不是

切换下拉列表

this.props.toggle();

---

子组件的道具名为

toggle

，而

toggleDropdown

属于父组件

这应该适用于子组件：

removeItem() {
    this.props.toggle();
}

---

传递给子组件的道具名为

toggle

，而不是

toggleDropdown

，因此需要像在removeItem组件中那样调用它

// This gets triggered on click.
removeItem() {
  this.props.toggle()
}

您可能需要做的其他事情是使用

bind

或

箭头函数绑定
removietem
函数

constructor(props) {
    super(props);
    this.removeItem = this.removeItem.bind(this);
}

或