reactjs – React的道具与其值相同

发布时间：2020-12-15 20:17:23 所属栏目：百科来源：网络整理

导读：我们可以将props直接传递给具有相同名称和值的组件吗？例：假设我有一个名为x的变量：const x = 1; 我有一个组件有一个名为x的道具.我可以隐式地将此变量作为值传递给它吗？像那样： div x /？这不适合我,但我看到了一个证明这一点的例子. 解决方法正如@

我们可以将props直接传递给具有相同名称和值的组件吗？

例：
假设我有一个名为x的变量：const x = 1;
我有一个组件有一个名为x的道具.我可以隐式地将此变量作为值传递给它吗？像那样：< div x />？

这不适合我,但我看到了一个证明这一点的例子.

正如@Ajay在评论中指出的那样,布尔值可以隐式传递给组件

<div x />

这基本上相当于

<div x={true} />

但是,如果您的变量不是布尔值,那么您需要将其写为

<div x={x} />

或者,如果你有许多这样的道具,你可以形成一个像这样的对象

const cmpProps = {
   x,y,foo,bar
}

并使用Spread属性传递它们

<Comp {...cmpProps} />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!