zoukankan      html  css  js  c++  java
  • React初涉

    React是Facebook内部的一个JavaScript类库,于2013年开源,可用于创建web用户界面。

    •   React不是mvc框架,它只专注于视图,也就说v。
    •   React是一种思想,倡导“learn once,write anywhere”,分web版的React.js和原生App的React Natvie





    • 入门案例
      <!DOCTYPE html>
      <html>
          <head>
              <meta charset="utf-8" />
              <script type="text/javascript" src="js/react.min.js" ></script>
              <script type="text/javascript" src="js/react-dom.min.js" ></script>
              <script type="text/javascript" src="js/browser.min.js" ></script>
              <title></title>
          </head>
          <body>
              <div id="app"></div>
              <script type="text/babel">
                  var Hello = React.createClass({
                      render :function(){
                          return(
                          <p>第一个案例</p>
                          )
                      }
                  });
                  
                  ReactDOM.render(<Hello />,document.getElementById("app"))
              </script>
          </body>
      </html>

      三个文件引入顺序不能有误

      script标签的type属性需要变成 text/babel,不能使用text/javascript

      建组件的时候,使用的是React.createClass方法。参数是一个对象,其中最重要的方法,就是render,在render方法中,可以使用html标签和js的混合。Return返回的内容,有且仅有一个根标签。,在整个代码中,凡是出现标签,标签必须要关闭
      在ReactDOM.render方法第二个参数,必须要使用DOM的原生方法获取节点

    • 定义组件类时,类名必须是首字母大写。

    生命是一场华丽的绽放!
  • 相关阅读:
    双指针
    二维数组 查找常用字符
    将数组分为相等的三部分
    交换 排序
    买股票
    双指针 回文数
    双指针
    测试SM图床
    cnpm,vue等命令不识别的问题废人解决方案
    typeof面试题解答
  • 原文地址:https://www.cnblogs.com/clown3/p/6212677.html
Copyright © 2011-2022 走看看