The project in question is using React-16.2.0 which has the capability to use Fragments and the Fragment shorthand.
https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html
While the full-length syntax works fine...
import React, { Fragment, Component } from 'react';
class TestingFragment extends Component {
render() {
return (
<Fragment>
<span>This is a fragment of text </span>
<div>Another part of the fragment</div>
</Fragment>
)
}
};
export default TestingFragment
The shorthand fails to compile and I am at a loss as to why this is. Fore example...
import React, { Component } from 'react';
class TestingFragment extends Component {
render() {
return (
<>
<span>This is a fragment of text </span>
<div>Another part of the fragment</div>
</>
)
}
};
export default TestingFragment
Which fails to compile as follows...
Failed to compile
./src/testingFragments.js
Syntax error: Unexpected token (6:4)
4 | render() {
5 | return (
> 6 | <>
| ^
7 | <span>This is a fragment of text </span>
8 | <div>Another part of the fragment</div>
9 | </>
This error occurred during the build time and cannot be dismissed.
Is there something here I am missing about the Fragment shorthand syntax?
question from:
https://stackoverflow.com/questions/48316365/react-fragment-shorthand-failing-to-compile 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…