ReactDOM.render期望最后一个可选的`callback`参数是一个函数

Question

我是新来的反应,我写下面的代码,得到了

ReactDOM.render Expected the last optional `callback` argument to be a function. `Instead received: Object` 

这是我的代码

var Stats = React.createClass({
    render: function () {
        return (
            <article className="col-md-4">
                <article className="well">
                    <h3>{this.props.value}</h3>
                    <p>{this.props.label}</p>
                </article>
            </article>
        )
    }
});

ReactDOM.render(
    <Stats value={"255.5K"} label={"People engaged"}/>,
    <Stats value={"5K"} label={"Alerts"}/>,
    <Stats value={"205K"} label={"Investment"}/>,
    document.getElementById('stats')
);

我究竟做错了什么？

Answer 1

你给出了ReactDom.render四个参数 - 三个Stats组件和元素.该函数在容器元素之前只需要一个元素.因此,您需要以某种方式将元素组合在一起,例如:

ReactDOM.render(
  <div>
    <Stats value={"255.5K"} label={"People engaged"}/>
    <Stats value={"5K"} label={"Alerts"}/>
    <Stats value={"205K"} label={"Investment"}/>
  </div>,
  document.getElementById('stats')
);