使用 JSX 在 ReactJs 中创建 class

Question

我想使用 JSX 在 React 中创建 class。我有一个基于 React 的仪表板。我选择了一个部分并通过检查元素（Google 开发人员控制台）我得到了反应 ID。现在，我想使用 JSX 创建一个 class ，比如 class=newclass 。我计划在以后 CSS 中使用它。我可以从模板手动插入。但是，我想通过 JSX 来完成，也想通过运行控制台代码暂时从控制台进行测试。这是现在的区域：-

<label data-reactid=".0.b.1.0.1.1.0.0.0.0.0.0">This is text</label>

我想使用 JSX 添加一个 class，

<label data-reactid=".0.b.1.0.1.1.0.0.0.0.0.0" class="newclass">This is text</label>

Answer 1

试试这个：

<label className='newclass'>This is text</label>

Answer 2

JSX 标签和属性可能与 HTML 不同。请查看以下资源：https://facebook.github.io/react/docs/tags-and-attributes.html

事实上，JSX 中的 class 是通过 "className" 属性而不是 "class" 创建的。要将 class 放在元素上，您只需执行以下操作：

<label data-reactid=".0.b.1.0.1.1.0.0.0.0.0.0" className="newclass">This is text</label>

要插入动态 class，您应该使用类似于以下语法的内容：

var newclass = this.props.newclass; return ( <label data-reactid=".0.b.1.0.1.1.0.0.0.0.0.0" className={newclass}>This is text</label> );

使用 JSX 在 ReactJs 中创建 class

Create class in ReactJs using JSX

javascript

reactjs

react-jsx