React 路由组件道具

Question

有谁知道为什么要这样调用组件。 () => <Component/> 路线内 enter image description here

Answer 1

你不必真的这样做，但如果这样做就好了，我更喜欢这样做：

<Route exact path="/business" component={BusinessLanding} />

我希望这能消除您的疑问，即当您不想将任何道具传递给组件时，不需要调用这样的组件() => <Component/>

如果你想传递道具，你可以这样做：

<Route exact path="/business" component={({isOpen})=> <BusinessLanding open={isOpen} />} />

Answer 2

如果你想传递新的道具（例如 isAuth 下面的示例）或从 React Router 访问道具（例如 history、location、match）

<Route component={({history, location, match}) => <Component isAuth={isAuth} />} />