Javascript ReactDOM.render要求最后一个可选的'callback'参数为函数
我是一个新的反应,我写了下面的代码,得到了Javascript ReactDOM.render要求最后一个可选的'callback'参数为函数,javascript,reactjs,babeljs,react-jsx,jsx,Javascript,Reactjs,Babeljs,React Jsx,Jsx,我是一个新的反应,我写了下面的代码,得到了 ReactDOM.render Expected the last optional `callback` argument to be a function. `Instead received: Object` 这是我的密码 var Stats = React.createClass({ render: function () { return ( <article className="c
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')
);
var Stats=React.createClass({
渲染:函数(){
返回(
{this.props.value}
{this.props.label}
)
}
});
ReactDOM.render(
,
,
,
document.getElementById('stats'))
);
我做错了什么?您正在给出
ReactDom.render
四个参数-三个Stats
组件和元素。该函数在容器元素之前只需要一个元素。因此,您需要以某种方式将元素组合在一起,例如:
ReactDOM.render(
,
document.getElementById('stats'))
);
您需要提供一个react元素作为第一个参数,挂载节点作为第二个参数。所以你可以这样做
const LotsOfStats = React.createClass({
render: function () {
return (
<div>
<Stats value={"255.5K"} label={"People engaged"}/>
<Stats value={"5K"} label={"Alerts"}/>
<Stats value={"205K"} label={"Investment"}/>
</div>
);
}
});
ReactDOM.render(
<LotsOfStats />,
document.getElementById('stats')
);
const LotsOfStats=React.createClass({
渲染:函数(){
返回(
);
}
});
ReactDOM.render(
,
document.getElementById('stats'))
);