React Route 组件道具

Posted 2023-02-22

【中文标题】React Route 组件道具

【英文标题】：React Route Component prop

【发布时间】：2021-02-23 01:47:10

【问题描述】：

有谁知道你为什么会以这种方式调用组件。 () => <Component/> 路线内 enter image description here

【问题讨论】：

这就像将整个组件作为道具传递。请参考此链接。 ***.com/questions/39652686/…

如果我的解决方案对你有用，请接受我的回答

【参考方案1】：

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

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

【参考方案2】：

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

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

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

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

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

【讨论】：

不要忘记为有帮助的答案投票，并在可以解决问题的时候接受。很高兴为您提供帮助

如果您认为我的回答正确或有用，请点赞，如果您同意我的回答正确，请考虑接受它（您可以通过单击我的回答左侧的勾号图标来完成）