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

【问题标题】：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} />

【讨论】：

【解决方案2】：

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

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

希望这会有所帮助！

【讨论】：

【解决方案3】：

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

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

【讨论】：