zoukankan      html  css  js  c++  java
  • React基础__JSX语法进阶

    JSX语法两种数组的声明方式:

    1)第一种,在组件中遍历数组

    <script>
      let names=['web-react','web','react']
      var Component = React.createClass({
        render: function () {
          return <div>
        {
          names.map(function(name) {
            return <div key={name}>hello {name}</div>
          })
        }
          </div>
        }
      })
      ReactDOM.render(
        <Component />,
        document.getElementById('app')
      )
    </script>
     
    2)第二种,在数组中遍历
    <script>
    let arr=[
      <h1 key='key1'>hello web-react</h1>,
      <h2 key='key2'>hello web</h2>
      ]
    ReactDOM.render(
      <div>{arr}</div>,
      document.getElementById('app')
    )
    </script>
  • 相关阅读:
    TP之Model(select(),add())
    TP之空操作及View模块
    ThinkPHP之初识
    smarty引擎之练习
    领先环境HTML
    php流程
    分页
    弹窗
    邮箱项目
    TP框架修改操作
  • 原文地址:https://www.cnblogs.com/sunyang-001/p/11171170.html
Copyright © 2011-2022 走看看