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

Question

I have the following code on my render:

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

I get the following error:

Syntax error: Unexpected token, expected }

Only this was working:

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

How do I solve this?

Answer 1

您可以分别传播它们：

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

Answer 2

You need to split them up into separate attribute spreads, eg:

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

Hope this helps!

Answer 3

I suggest you first look up what the spread operator does in javascript. Then you will realize the mistake you did. What you want is passing props and state to the child component. Do that separately like this.

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