reactjs - React Route 组件道具

Question

有谁知道你为什么会以这种方式调用组件。() => <Component/>在路线内 输入图像描述

Answer 1

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

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

Answer 2

您实际上不必这样做，但如果效果很好，我更喜欢这样做：

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

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

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

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