Question

我期待看到＆＃34;嗨＆＃34;，但是没想到会出现任何错误，屏幕上也没有呈现任何内容。请帮忙！

＆＃13;

ddlDuration.SelectedIndex = ddlDuration.Items.IndexOf(ddlDuration.Items.FindByValue(oList[0].Duration));

＆＃13;

Answer 1

您需要使用MyApp代替myApp。

<强>原因：

如果React组件名称以lowercase letter开头，则Renders没有，并且您在浏览器console中没有收到任何错误消息，因为小字母被视为HTML元素，其规则是所有React组件必须以大写字母开头。

检查工作示例：

＆＃13;

<html>
   <head>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.min.js"></script>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

   </head>
   <body> 

      <div id="div1"></div>

         <script type="text/babel">

             function MyApp(){
                return <h1>Hi</h1>;
             } 

             var elem = (
                <div>
	               <MyApp /> 
                </div>
             );

             ReactDOM.render(elem, document.getElementById('div1'));

         </script>
      </div>
   </body>
</html>

＆＃13;

Answer 2

m myApp必须大写。

您的代码应该是这样的：

function MyApp(){
    return <h1>Hi</h1>;
} 
var elem = (
    <div>
        <MyApp /> 
    </div>

);

在简单示例中，React组件未呈现

2 个答案: