Intellij 15 showing errors in html with react components

Question

I have the following code in my html:

<body>
<div id="greeting-div"></div>

<script type="text/babel">
    var Greeting = React.createClass({
        render: function() {
            return (
            <p>Hello, Universe</p>
            )
        }
    });
    ReactDOM.render(
        <Greeting/>,
        document.getElementById('greeting-div')
    );
</script>
</body>

Intellij is showing errors like "expression expected" near the left paren

return (

near the p tag

</p>

among other places. How to get rid of these errors?

Answer 1

Your code works fine, check.

 var Greeting = React.createClass({ render: function() { return ( <p>Hello, Universe</p> ) } }); ReactDOM.render( <Greeting/>, document.getElementById('greeting-div') );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id="greeting-div"></div>

Intellij 15 showing errors in html with react components

Question

1 answers

solution1
0 2016-07-08 23:40:23

Intellij 15 showing errors in html with react components

Question

1 answers

solution1 0 2016-07-08 23:40:23

solution1
0 2016-07-08 23:40:23