elad silver elad silver - 1 year ago 718
React JSX Question

ReactDOM.render Expected the last optional `callback` argument to be a function

I am new to react and I wrote the code below and got

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

This is my code

var Stats = React.createClass({
render: function () {
return (
<article className="col-md-4">
<article className="well">

<Stats value={"255.5K"} label={"People engaged"}/>,
<Stats value={"5K"} label={"Alerts"}/>,
<Stats value={"205K"} label={"Investment"}/>,

What am I doing wrong?

Answer Source

You are giving ReactDom.render four arguments - three Stats components and the element. The function expects only one element before the container element. Thus you need to somehow group the elements together, for example like this:

    <Stats value={"255.5K"} label={"People engaged"}/>
    <Stats value={"5K"} label={"Alerts"}/>
    <Stats value={"205K"} label={"Investment"}/>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download