反应：通过布局组件传递道具

Question

在这里是React的新手，我想有一个过滤器（在Nav.js中），用于过滤App.js上的内容，但嵌套在Layout组件中。在这里传递道具的最佳方法是什么？我可以将所有内容保留为功能组件吗？

文件在这里： https://codesandbox.io/s/filter-menu-react-layout-uvppj?file=/src/Layout.js

Answer 1

只需通过 setFilter 作为道具，您就可以使用了。

const Layout = props => {
  const { setFilter, children } = props;
  return (
    <div>
      <Nav setFilter={setFilter} />
      {children}
    </div>
  );
};