小编Nic*_*lsh的帖子

如何在JSX中使用If-Else

我理解如何在简单的情况下使用它:

{(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)

当然,它不起作用.怎么做正确?

javascript reactjs react-jsx

4
推荐指数
1
解决办法
1237
查看次数

无法在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')
);
Run Code Online (Sandbox Code Playgroud)

但是类名不会改变:

<div class="{classes}" data-reactid=".0.0">
Run Code Online (Sandbox Code Playgroud)

为什么不?

的jsfiddle

javascript reactjs

2
推荐指数
1
解决办法
782
查看次数

标签 统计

javascript ×2

reactjs ×2

react-jsx ×1