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

Reactjs 反应:通过布局组件传递道具,reactjs,react-props,react-functional-component,Reactjs,React Props,React Functional Component,这里的新反应是,我想在Nav.js中有一个过滤器来过滤App.js上的内容,但它嵌套在布局组件中。在这里传递道具的最佳方式是什么?我可以把所有东西都作为功能组件保存吗 此处的文件: 只需将setFilter作为道具传递,您就可以开始了 const Layout = props => { const { setFilter, children } = props; return ( <div> <Nav setFilter={setFilter}

这里的新反应是,我想在Nav.js中有一个过滤器来过滤App.js上的内容,但它嵌套在布局组件中。在这里传递道具的最佳方式是什么?我可以把所有东西都作为功能组件保存吗

此处的文件:

只需将setFilter作为道具传递,您就可以开始了

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

真管用!!非常感谢。没想到会通过这个函数。