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

Question

我的渲染器上有以下代码：

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

我收到以下错误：

Syntax error: Unexpected token, expected }

仅此方法有效：

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

我该如何解决？

Answer 1

您可以分别传播它们：

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

Answer 2

您需要将它们分成单独的属性扩展，例如：

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

希望这会有所帮助！

Answer 3

我建议您首先查看价差运算符在javascript中的功能。 然后，您将意识到自己犯的错误。您想要的是将道具和状态传递给子组件。像这样单独做。

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