zoukankan      html  css  js  c++  java
  • react入门

    步骤:

      1.创建虚拟dom

        方法:

         1. 纯js语法(一般不用)

          const vDom = React.createElement('h1'(标签名), {id: 'title',}(标签id名), content(标签体内容))

         2. JSX

          const vDom = <h1 id="test">Hello World</h1>

          注意: 标签不是字符串,标签不带引号

      2.渲染dom

        ReactDOM.render(vDom, document.getEelementById())

        渲染有嵌套的结构标签时用()括起来:

        ex:

         1. 创建

         const names = ['张三', '李四', '王五']

         const uls = (

          <ul>

           { names.map((name,index) => <li key="{index}">{name}<li>)

            key: 标签唯一标识, react使用{}使用变量

            .map()将数据的数组转换为一个标签的数组

          </ul>

            渲染结果类似: 

                  

         2. 渲染

         ReactDOM.render(uls, document.getElementById())

         

  • 相关阅读:
    ES5 05 Function扩展
    ES5 04 Array扩展
    ES5 03 Object扩展
    ES5 02 JSON对象
    ES5 01 严格模式
    Oracle 数据库复制
    PB函数大全
    Handle( ) //得到PB窗口型对象的句柄
    PB赋值粘贴 多个DW进行update
    pb 11 数据窗口空白,预览pb崩溃解决方案
  • 原文地址:https://www.cnblogs.com/Z_66/p/15057659.html
Copyright © 2011-2022 走看看