内联创建道具对象

Question

是否可以内联创建props对象？我正在寻找类似的东西：

<Component {{id: 1, ...rest}} />

但是，这不是有效的语法。

顺便说一句，我知道我可以做到：

const props = {id: 1, ...rest};
<Component {...props} />

但是我想知道是否有办法在一行中做到这一点。

谢谢

Answer 1

是的，可以根据需要内联创建道具。实现此目的的一种方法是如下调整代码：

<Component {{...{ id: 1 }, ...rest}} />

这等效于将{ id: 1 }对象和rest对象散布到一个新对象中，然后将其传递给<Component />。

但是，在像您这样的简单情况下，您可以考虑执行以下操作：

<Component id={1} { ...rest } />