Javascript 简单示例不起作用

Javascript 简单示例不起作用,javascript,reactjs,Javascript,Reactjs,使用react网站上的简单ReactJs示例获取问题: 首先,我输入: <script src="https://fb.me/react-0.14.3.min.js"></script> <script src="https://fb.me/react-dom-0.14.3.min.js"></script> 控制台中没有错误,不知道是什么问题 我在页面中使用jquery,并使用带有刀片模板的Laravel,如果这是一个问题,请告诉我 还尝试使用

使用react网站上的简单ReactJs示例获取问题:

首先,我输入:

<script src="https://fb.me/react-0.14.3.min.js"></script>
<script src="https://fb.me/react-dom-0.14.3.min.js"></script>
控制台中没有错误,不知道是什么问题

我在页面中使用jquery,并使用带有刀片模板的Laravel,如果这是一个问题,请告诉我

还尝试使用外部脚本:

<script src="/lib/react-example.js" type="text/jsx"></script>

这是我的电话号码,你可以在这里查一下


谢谢

如果您想使用JSX语法,您需要使用
type=text/babel
以及以下标记来标记脚本标记:


var CommentBox=React.createClass({
render:function(){
返回(
欢迎
);
}
});
render(,document.body);
下面是一个关于的示例,不幸的是,它不适用于StackOverflow代码段


另一个选项是使用或等解决方案将
.jsx
转换为服务器端的javascript。

尝试使用立即调用的函数(例如
$(Function(){ReactDOM.render(,document.body);})包装
ReactDOM.render
,谢谢它的工作,但为什么需要使用browser.min.js?不能将JSX用作以前的版本吗?browser.min.js库像jquery吗?甚至巴贝尔似乎也支持在浏览器中编译。我假设您以前使用过
JSXTransformer.js
库,但是它也被标记为React。还有一个描述到babel的转换的示例。花了一个多小时试图解决这个问题。非常感谢。
document.getElementById('example')
<script src="/lib/react-example.js" type="text/jsx"></script>
<script src="https://unpkg.com/react@16.5.2/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16.5.2/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>

<script type="text/babel">
var CommentBox = React.createClass({
    render: function() {
        return (
            <div>
                <h1>Welcome</h1>
            </div>
        );
    }
});
ReactDOM.render(<CommentBox/>, document.body);
</script>