React classSet 不起作用 - Reactjs

Posted 2023-02-21

【中文标题】React classSet 不起作用 - Reactjs

【英文标题】：React classSet not working - Reactjs

【发布时间】：2014-04-16 09:21:56

【问题描述】：

我正在尝试在React 中使用classSet 来动态创建一些css。我只是想隐藏下拉列表中的特定链接。这是我的课

define(function(require) 
  'use strict';

  var React = require('react');

  var NavDropdown = React.createClass(
    render: function() 
      var cx = React.addons.classSet;
      var classes = cx(
        'hidden': true
      );

      return (
      <ul className="nav navbar-nav navbar-right">
        <li><a href="#blog">Blog</a></li>
        <li className="dropdown">
          <a href="#" className="dropdown-toggle" data-toggle="dropdown">Other <b className="caret"></b></a>
          <ul className="dropdown-menu">
            <li><a className="classes" href="#books">Books</a></li>
          </ul>
        </li>
      </ul>
        );
    
  );

  return NavDropdown;
);

查看文档页面上的this 示例，这似乎相当简单，并且似乎应该可以正常工作，但是classes 没有被插入并放置到dom 中。我究竟做错了什么？

【参考方案1】：

className 不应该在引号内。

应该是className=classes

不是className="className"

然后一切正常。