Javascript 简单组件未呈现：React js_Javascript_Reactjs

Javascript 简单组件未呈现：React js

javascript reactjs

Javascript 简单组件未呈现：React js,javascript,reactjs,Javascript,Reactjs,我试图用下面的代码做一些反应，但我没有得到html 浏览器中的元素。控制台中没有错误无npm反应 var reactest=React.createClass({ render:function（）{ 返回( 无NPM反应 ); } }); ReactDOM.render（，document.getElementById（'test'））；有人能帮忙吗。如果React类名以小写字母开头，则不会调用类中的任何方法，即不会呈现任何内容，并且在浏览器控制台中也不会收到任何错误消息，因为小写字

我试图用下面的代码做一些反应，但我没有得到html 浏览器中的元素。控制台中没有错误


无npm反应
var reactest=React.createClass({
render:function（）{
返回(
无NPM反应
);
}
});
ReactDOM.render（，document.getElementById（'test'））；

有人能帮忙吗。

如果React

类名以小写字母开头，则不会调用类中的任何方法，即不会呈现任何内容，并且在浏览器控制台中也不会收到任何错误消息，
因为小写字母被视为HTML
元素，所以所有React组件
都必须以大写字母开头，所以始终使用大写字母
不要使用reactest
这个：reactest
它可以工作
根据：
用户定义的组件必须大写。
当元素类型以小写字母开头时，它引用
内置组件，如
或，并导致字符串“div”
或传递给React.createElement的“span”。以
大写字母，如
编译为React.createElement（Foo）和
对应于JavaScript文件中定义或导入的组件
我们建议使用大写字母命名组件。如果你有
以小写字母开头的组件，将其分配给
在JSX中使用前，先将变量大写
检查工作代码：


无npm反应
var reactest=React.createClass({
render:function（）{
返回(
无NPM反应
);
}
});
ReactDOM.render（，document.getElementById（'test'））；
以下方法很好，请尝试：

var reactest=React.createClass({
render:function（）{
返回(
无NPM反应
);
}
});
ReactDOM.render（，document.getElementById（'test'））

const Some=（）=>

会起作用的，
但是
constsome=（）=>

行不通
<!DOCTYPE html>
    <html>
    <head>
        <title>React without npm</title>
        <script src="https://unpkg.com/react@15/dist/react.js"></script>
        <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
    </head>
    <body>
    <div id="test"></div>
    <script type="text/babel">

        var reactTest = React.createClass({
            render: function(){
                return(
                    <h1>React Without NPM</h1>
                );
            }
        });

        ReactDOM.render(<reactTest />,document.getElementById('test'));
    </script>
    </body>
    </html>

const Some = ()=> <div />
<Some />

const some = () => <div />
<some />