反应语法错误

Question

I'm following a tutorial to build a basic react app (first time using react) and am getting the following error when I try to run with nodemon:

SyntaxError: Unexpected token <

The offending < is in the main.js file

var React = require('react');
var App = require('./components/App');

React.render(
  <App />,
  document.getElementById('main')
);

As I say, I'm new to react - is there any way round the use of < here? I've minified js as per the tutorial instructions.

Answer 1

Your React JSX code can live in a separate file. Lets name your file app.js

File content:

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

Then reference it from your HTML document:

<script type="text/babel" src="app.js"></script>

Click here to get more info