在 React 组件中创建触发器 onChange答案

【问题标题】：Create trigger onChange in React Component在 React 组件中创建触发器 onChange
【发布时间】：2021-08-22 15:55:06
【问题描述】：

我有一个反应组件，我想创建一个事件“onChange”，可以通过其他组件的反应检测到。

const MyFirstComponent = () => {
  //doSomething
  //How can I create event here who can be detect by the onChange in the MySecondComponent
  return (
    <p>
      Something
    </p>
  )
}

const MySecondComponent = () => {
  const handleOnChange = (event) => {//I want this can be launch by MyFirstComponent
    //doSomething
  }
  return (
      <MyFirstComponent onChange={handleOnChange}>
  )
}

也许有更好的方法来获取信息？

【问题讨论】：

标签： reactjs events components onchange

【解决方案1】：

像你一样将 HandleOnChange 作为道具传递，这是个好主意。然后你可以像这样在你的第一个合成器中得到它：

const MyFirstComponent = (props) => {
  return (
    <p onChange={props.OnChange}></p>
  )
}

【讨论】：

我的目标是做相反的事情，从 MyFirstComponent 切换到 MySecondComponent，也许除了 onChange 还有其他方法？