Reactjs 不渲染子组件_Reactjs_React Jsx_Jsx

Reactjs 不渲染子组件

reactjs

Reactjs 不渲染子组件,reactjs,react-jsx,jsx,Reactjs,React Jsx,Jsx,我正在使用JSX创建层次化的React组件。代码没有显示任何错误，但我的页面上没有显示任何内容。下面是我的代码 <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>React Test</title> </head> <body> <div

我正在使用JSX创建层次化的React组件。代码没有显示任何错误，但我的页面上没有显示任何内容。下面是我的代码

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>React Test</title>
</head>
<body>
    <div id="app">

    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
    <script type="text/babel">
        var Converter = React.createClass({
            render: function() {
                return <inputBox />;
            }
        });

        var inputBox = React.createClass({
            render: function() {
                return <h1>Hello World!</h1>;
            }
        });

        ReactDOM.render(
            React.createElement(Converter, null),
            document.getElementById('app'),
        );
    </script>
</body>
</html>

你好，世界出现。我做错了什么？我试了很多次调试，但什么都没找到

返回；
            return <InputBox />;

而不是

            return <inputBox />;

返回；

启动react组件时不要使用小写字母。否则，它将被视为简单的HTML标记。

return；

而不是

            return <inputBox />;

返回；

启动react组件时不要使用小写字母。否则，它将被视为简单的HTML标记。

而不是

var inputBox = React.createClass({

使用以下命令：

var InputBox = React.createClass({

因为react组件必须以大写开头，否则它将被视为html元素

检查工作代码段：


反应试验
var Converter=React.createClass({
render:function（）{
返回；
}
});
var InputBox=React.createClass({
render:function（）{
返回你好世界！；
}
});
ReactDOM.render(
,
document.getElementById（'app'），
);

而不是

var inputBox = React.createClass({

使用以下命令：

var InputBox = React.createClass({

因为react组件必须以大写开头，否则它将被视为html元素

检查工作代码段：


反应试验
var Converter=React.createClass({
render:function（）{
返回；
}
});
var InputBox=React.createClass({
render:function（）{
返回你好世界！；
}
});
ReactDOM.render(
,
document.getElementById（'app'），
);

你太棒了。我已经花了5个小时调试了它，但无法解决这个问题。组件应始终以大写字母开头。你这个摇滚人！欢迎你，你太棒了。我已经花了5个小时调试了它，但无法解决这个问题。组件应始终以大写字母开头。你这个摇滚人！欢迎光临