ReactJS create element

Question

I'm creating an page with ReactJS, but I have this question:

I did this code:

 React.DOM.h2({}, 'Edit Store ', 
     React.DOM.span({}, ' (ID: ' + this.state.store.id + ')')
 )

And the result is:

 <h2> 
    <span>EDIT STORE</span>
    <span> (id: 123456) </span> 
 </h2>

But what I want is:

 <h2> 
    EDIT STORE 
    <span> (id: 123456) </span> 
 </h2>

How can I have the second result?

Possible duplicate of How to ouput text in ReactJS without wrapping it in span — Nick Tomlin
– Nick Tomlin, Commented Apr 28, 2016 at 17:18
This is possible using React 15+ jsfiddle.net/noblehop/6L0ex1yL/1. More context on the react 15 blog post — Nick Tomlin
– Nick Tomlin, Commented Apr 28, 2016 at 17:19
v('h2', 'Edit Store ', v('span', `(ID: ${this.state.store.id})`)) — caub
– caub, Commented Apr 28, 2016 at 17:41
or <h2>Edit Store <span>(ID: {this.state.store.id} )</span></h2> in jsx — caub
– caub, Commented Apr 28, 2016 at 17:43

Luiz Fumes · Accepted Answer · 2016-04-28 17:36:52Z

0

I Changed the version of react and react-dom, like Nick Tomlin suggered me, and worked perfect

"react": "^15.0.1",
"react-dom": "^15.0.1",

answered Apr 28, 2016 at 17:36

Luiz Fumes

416 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1