Question

反应元素未在浏览器中呈现，但代码在Codepen中工作正常。

我试图将React元素添加到现有项目中，该项目的后端使用Go编写，而前端使用Angular.js。现在，我尝试使用React页面中的指导步骤，只要不使用JSX，我都能正常工作。当我开始使用提供的Babel CDN来使用JSX时，我注意到我的浏览器了解我正在使用React代码，但是未呈现元素。

我也开始使用其他代码。同样的情况。浏览器确认React代码，但未呈现任何内容。我在Codepen中尝试了下面的代码，它可以工作。

<div ng-view="" class="ng-scope"><div class="ng-scope">
    <p>Hello Moto!</p>
</div>

<br class="ng-scope">

<div id="root" class="ng-scope"></div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js" class="ng-scope"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js" class="ng-scope"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js" class="ng-scope"></script>
<script type="text/babel" class="ng-scope">
    class Greeting extends React.Component {
        render() {
            return (<p>Hello world</p>);
        }
    }      
    ReactDOM.render(
        <Greeting ></Greeting>,
        document.getElementById('root')
    );
</script>
</div>

在codepen中，我同时看到了“ Hello Moto”和“ Hello World”。另一方面，在我的应用程序中，我什么也没得到。

我应该安装其他东西吗？还是我还有其他不明显的问题？

如何正确移植JSX

0 个答案: