05-jsx-{}数组自动展开.html

 <div id="root">div>
  <script src="./react.js">script>
  <script src="./react-dom.js">script>
  <script src="./babel.min.js">script>
  <script type="text/babel">
    var arr=[
      <h2>hello</h2>,
      <h2>world</h2>,
      <h2>aa</h2>,
    ] 
    //{}有把数组展开得作用
   const el=<div>{arr}</div>
   //如果el=({arr})就不可以,jsx只能有一个顶层元素 
   //将el指定得元素渲染到id为root上
   ReactDOM.render(el,document.getElementById('root'))

  script> 

 

你可能感兴趣的:(05-jsx-{}数组自动展开.html)