React fragment shorthand failing to compile React fragment shorthand failing to compile javascript javascript

React fragment shorthand failing to compile


I think this is a reason:

https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html#support-for-fragment-syntax

screenshot

create-react-apps currently use Babel 6.26.0for full support React.Fragment is needed Babel v7.0.0-beta.31 and above

======================= EDIT

It's working now with create-react-app v2https://reactjs.org/blog/2018/10/01/create-react-app-v2.html


You can use the poor man's fragment shorthand as a quick fix: [ , ]

render(){  return [    <div>foo</div>,    <div>bar</div>  ]}

as array is totally a valid jsx element.


Fragment syntax is only supported by Babel v7.0.0-beta.31 & above.