我理解如何在简单的情况下使用它:
{(this.state.show) ? <span>Show</span> : null}
Run Code Online (Sandbox Code Playgroud)
但是如何将它用于大型DOM呢?
{ if (this.state.show) {
<span className={this.state.className}>Hi</span>
{this.state.text}
} else {
{this.state.text}
}
}
Run Code Online (Sandbox Code Playgroud)
当然,它不起作用.怎么做正确?
我是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')
);
Run Code Online (Sandbox Code Playgroud)
但是类名不会改变:
<div class="{classes}" data-reactid=".0.0">
Run Code Online (Sandbox Code Playgroud)
为什么不?