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())

         

  • 相关阅读:
    oracle 主键自动地址实现
    解构赋值
    那些朋友那些话系列
    那些朋友那些话
    白鹭记事
    该如何存在
    上海秋季HCC小记
    For the person you never see again
    寻城记
    2013年的国庆
  • 原文地址:https://www.cnblogs.com/Z_66/p/15057659.html
Copyright © 2011-2022 走看看