时间戳

首页 > 解决方案 > 内联创建道具对象

reactjs - 内联创建道具对象

问题描述

是否可以内联创建道具对象？我想做类似的事情：

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

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

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

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

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

谢谢

标签： reactjs

解决方案

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

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

这相当于将{ id: 1 }object 和restobject 展开为一个新的 object，然后将其传递给<Component />.

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

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

推荐阅读