2015-01-22 6 views
2

나는 React에 새로 왔습니다. 요소의 클래스를 변경하고 싶습니다. React에서 수업을 변경할 수 없습니다.

var NGform = React.createClass({ 
    render: function() { 
     var classes = 'mmm'; 
     return (
      <div> 
       <div className="{classes}"> 
        <label className="form-label">Logo</label> 
        <input type="text" /> 
       </div> 
      </div> 
     ); 
    } 
}); 

React.render(
    React.createElement(NGform, null), 
    document.getElementById('new') 
); 

그러나 클래스 이름은 변경되지 않습니다

<div class="{classes}" data-reactid=".0.0"> 

왜? 그런 당신을 위해 작동하는 경우

JSFiddle

+1

따옴표를 제거해야합니다 :'className = {classes}' – nilgun

+0

@nilgun, 정말 고마워요. 나는 바보입니다. –

+0

당신은 오신 것을 환영합니다. 따옴표를 사용하면 따옴표가없는 문자열 만 자바 스크립트 컨텍스트가됩니다. – nilgun

답변

5

변화

div className="{classes}" 

div className={classes} 

, 그것은 늘 문자열로 {클래스}를 가지고 이런 식으로 볼 수 있지만 데이터가

결합으로
관련 문제