javascript - ReactJS 在组件之间传递数据(搜索栏)

标签 javascript reactjs

大家好,我使用 React 做一个搜索栏,并得到了一个程序,之前我在组件父 > 子、子 > 父之间传递数据,但现在我需要从我的 src>组件> 工具栏> 搜索栏传递到 src>容器>类别组件,有人可以帮助我吗?谢谢

最佳答案

实现此目的的另一种方法是创建和分派(dispatch)事件并将其列在组件中。

componentDidMount() {
this.nv.addEventListener("custom-event", this.handleNvEnter);
}
componentWillUnmount() {
this.nv.removeEventListener("custom-event", this.handleNvEnter);
}

handleNvEnter = (event) => {
 console.log("custom-event:", event);
}

关于javascript - ReactJS 在组件之间传递数据(搜索栏),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52285495/

相关文章:

javascript - 确保尽早评估某一行代码

javascript - 如何阻止用户在特定表单字段中输入内容?

javascript - 确定Selenium中公共(public)元素定位器的数量

javascript - 如何使用js先递增0.5,然后递增1

javascript - 如何在url地址中使用参数#进行重定向,我使用laravel 5.8

reactjs - react 网格布局与 typescript 不工作

javascript - Angular Controller 调用指令上的函数是 'bad practice' 吗?

javascript - 在条件后使用 mufa 停止 react 组件之间的通信

css - 我在一个按钮中有两个 span 标签,这里的问题是这两个 span 标签的行为就像一个 block 元素?

javascript - 在 ReactJS 组件中定义事件处理程序的正确方法是什么?