Testaccount
/
1.Test


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../js/babel.min.js"></script>
  <script src="../js/react.development.js"></script>
  <script src="../js/react-dom.development.js"></script>
</head>
<body>
  <div id="root"></div>
  <script type="text/babel">
    function New() {
      return (
        <div>
          <h1>函数组件</h1>
          {[1, 2, 3, 4]}  {/*页面显示1234*/}
          {null}   {/*页面没有显示*/}
          {undefined}  {/*页面没有显示*/}  
          {false}  {/*页面没有显示*/}
          {true}  {/*页面没有显示*/}
          {'helloWorld'}  {/*页面显示helloWorld*/}   
          {12345} {/*页面显示12345*/}
          {/*
            {{aaa: '哈哈哈'}} 报错
          */}
        </div>
      )
    }
    let element = <New/>
    ReactDOM.createRoot(document.getElementById('root')).render(element)
  </script>
</body>
</html>