React 클래스 세트가 작동하지 않습니다 - Reactjs

Question

에 React을 사용하려고하면 동적으로 CSS를 생성하려고합니다. 드롭 다운에서 특정 링크를 숨기려고합니다. 다음은 문서 페이지에 this 예를 보면 내 수업

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; 
}); 

이다, 이것은 매우 사소한 보인다 작업을해야한다 그것 같이 보이지만, classes 보간와 DOM에 배치 받고 있지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

className은 따옴표 안에 들어 있지 않아야합니다.

그것은 모든 것이 완벽하게 작동하지 className="{className}"

그리고 다음 className={classes}

해야한다.