传递给 children 反应中的所有状态和道具

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} />

passing to children all state and props in react