React中在函数组件中加载组件

import Header from './component/header.js'
import Footer from './component/footer.js'
export default function(props) {
  return (
    <div className={styles.allbox}>
      <Header></Header>

      {props.children}

      <Footer></Footer>

    </div>
  );
}

其中{props.children}算是用来展示子路由的一个占位符，比方说该文件为/index，在它下面定义一个子路由/nav，

那么访问/index/nav  {props.children}就会展示nav组件的内容