小编cha*_*ess的帖子

我正在尝试将 MainSection 组件重用于两个不同的目的（单个故事和所有故事）。为了实现此目的，我想在转到该组件的渲染的路由中传递一个属性 home。Home 是 true 或 false，我想根据该布尔值渲染 MainSection 组件。但是，当渲染 MainSection 时，I home 始终未定义。链接和路由正在更新 URL，但没有使用我想要的 props 进行渲染。难道我做错了什么？

这是我的路线：

function Routes(){
  return(
    <Switch>
      <Route path="/"  element={<MainSection home={true} />} />
      <Route path="/story" element={ <MainSection home={false} />} />
    </Switch>
  )
}

这是我的 MainSection 组件的代码：

function MainSection({ home }){
  console.log(home)
  return(
    <div className="main-section">
      <BigPicture home={ home }/>
      <Quotes home={ home }/>
    </div>
  )
}

控制台日志不断返回未定义。

谢谢！