初入React引包+搭建脚手架

引包

<!-- 引入react核心库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.development.js"></script>
<!-- 引入react-dome 支持react操作dom -->
<script src="https://cdn.bootcdn.net/ajax/libs/react-dom/16.13.1/umd/react-dom.development.js"></script>
<!-- 引入babel 将jsx转换为js -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">
  const data = ['我是第一main的儿子','我是第二main的儿子','我是第三main的儿子']
  const main = (
      <main className='doms'>我是创建的main
        {
          data.map( (item,index) => <span key={item} className={'span'+index}>{item}</span>)
        }
      </main>
  )
  ReactDOM.render(main,document.getElementById('root'))
</script>

搭建脚手架

npm init react-app 项目名
npx create-react-app 项目名
yarn create react-app 项目名