React classSet 不起作用 - Reactjs

Question

我正在尝试在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 中。我究竟做错了什么？

Answer 1

className 不应该在引号内。

应该是className={classes}

不是className="{className}"

然后一切正常。