Philip7899 Philip7899 - 1 year ago 137
React JSX Question

React not working. Error says (index):13 Uncaught SyntaxError: Unexpected token <

I am new to React and just trying to build a simple component to display to the page. For some reason I am getting the error:

(index):13 Uncaught SyntaxError: Unexpected token <

Here is my code:

<div id="yolo"></div>
<script src="react.js"></script>
<script src="react-dom.js"></script>
var Yolo = React.createClass({

render: function(){
return <h1>Waddup doc?</h1>;

<Yolo />,

Answer Source

You can't use JSX if you aren't using something that transpiles it. If you use create-react-app it will handle this problem for you. If you want your example to work, you would have to replace the JSX with React.createElement, or use an in browser JSX transformer.

Edit: If you want to play around with a script tag, remove react and react-dom and use this <script src=""></script>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download