时间戳

首页 > 解决方案 > React 的 props 与它们的值同名

reactjs - React 的 props 与它们的值同名

问题描述

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

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

标签： reactjs

解决方案

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

<div x />

这基本上相当于

<div x={true} />

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

<div x={x} />

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

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

并使用传播属性传递它们，如

<Comp {...cmpProps} />

推荐阅读