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的原生方法获取节点

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

    生命是一场华丽的绽放!
  • 相关阅读:
    数字精确运算BigDecimal经常用法
    C3P0数据库连接池使用
    Theano学习笔记(四)——导数
    Leetcode--Merge Intervals
    1191 数轴染色
    P1021 邮票面值设计
    P1032 字串变换
    P1294 高手去散步
    P1832 A+B Problem(再升级)
    P1332 血色先锋队
  • 原文地址:https://www.cnblogs.com/clown3/p/6212677.html
Copyright © 2011-2022 走看看