Intellij 15显示带有反应组件的html中的错误

时间:2016-07-08 22:33:50

标签: reactjs intellij-idea

我的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正在显示错误,例如&#34;表达预期&#34;靠近左边的paren

return (

靠近p标签

</p>

其他地方。如何摆脱这些错误?

1 个答案:

答案 0 :(得分:0)

您的代码运行正常,请检查。

&#13;
&#13;
var Greeting = React.createClass({
        render: function() {
            return (
            <p>Hello, Universe</p>
            )
        }
    });
    ReactDOM.render(
        <Greeting/>,
        document.getElementById('greeting-div')
    );
&#13;
<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>
&#13;
&#13;
&#13;