考虑以下组件树
<Header />
<SearchBar />
<ProductList />
<Product />
在 SearchBar 组件中，我想捕获输入的值并将该值发送到 ProductList 以动态渲染 Product 组件收到的值。
有没有一种方法可以在 SearchBar 和 ProductList 之间进行通信，而不需要包装它们的组件或不需要 Redux？
最佳答案
根据 React 的页面“React 是关于组件层次结构中的单向数据流”，这意味着应该避免水平传递数据。
在您的情况下，您可以有一个渲染 <SearchBar/> 的父组件和<ProductList/>基于状态。例如，每当用户输入 <SearchBar> 中的值时它改变了父组件的状态，因此 <ProductList>将再次渲染。
关于reactjs - 在没有 Redux 的情况下在兄弟之间传递数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51479460/