12-JSX得class得设置.html

<body>
  <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=['111','222','333']

    //只给第一项加active  如果多项要active 可以用插件，后面讲
    ReactDOM.render((
      <ul>
        {arr.map((val,index)=>{
          return (<li key={index} className={index==0?'active':''}>{index}---{val}</li>)
        })
      }
      </ul>
    ),document.getElementById('root'))

  </script>

来源：https://www.cnblogs.com/lucy-xyy/p/11643878.html

标签

脚本

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!