将所有状态和道具传递给孩子们反应

Posted 2023-03-07

【中文标题】将所有状态和道具传递给孩子们反应

【英文标题】：passing to children all state and props in react

【发布时间】：2018-12-25 08:09:54

【问题描述】：

我的渲染中有以下代码：

<TourHeader key="TourHeader" ...this.props, ...this.state />

我收到以下错误：

Syntax error: Unexpected token, expected 

只有这样有效：

<TourHeader key="TourHeader" ...this.props />

我该如何解决这个问题？

【问题讨论】：

你的样子怎么样？

这只是简单的几个状态和道具

【参考方案1】：

你可以分开传播：

<TourHeader key="TourHeader" ...this.props ...this.state />

【讨论】：

developer.mozilla.org/en-US/docs/Web/javascript/Reference/…

【参考方案2】：

您需要将它们拆分为单独的属性传播，例如：

<TourHeader key="TourHeader" ...this.props ...this.state />

希望这会有所帮助！

【参考方案3】：

我建议您首先查看扩展运算符在 javascript 中的作用。 然后你就会意识到你犯的错误。您想要的是将道具和状态传递给子组件。像这样分开做。

<TourHeader key="TourHeader" ...this.props ...this.state />