reactjs - React props 的名称与其值相同

Question

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

示例:假设我有一个名为 x 的变量:const x = 1 ;我有一个组件，它有一个名为 x 的 prop 。我可以将此变量作为值隐式传递给它吗？像这样:<div x/> ？

Answer 1

bool 值可以隐式传递给组件，正如 @Ajay 在评论中指出的那样，例如

<div x />

这基本上相当于

<div x={true} />

但是，如果您的变量不是 bool 值，那么您需要这样写

<div x={x} />

或者如果你有很多这样的 Prop ，你可以形成一个像这样的对象

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

并使用 Spread 属性传递它们，例如

<Comp {...cmpProps} />