react

CDN引入方式:




    
    react  4-27
    
    
    


    

说明

  • script中需要用 type="text/babel"。
    这是react独有的 JSX 语法,与JavaScript 不兼容
  • 引用的三个库:
    react.js : react 核心库
    react-dom.js : 提供与DOM相关的功能
  • browser.js : 将JSX语法转换成JavaScript语法【浏览器完成,很耗时间,实际上线的时候要把它放到服务器完成】

JavaScript知识补充

  • 点击事件:获取当前点击对象 event.target.value
    http://www.w3school.com.cn/jsref/dom_obj_event.asp

react注意事项

【v0.12>v0.13版本迁移修改】:http://www.cnblogs.com/youngBrain1893/p/5959278.html
中文文档:http://wiki.jikexueyuan.com/project/react/thinking-in-react.html

React 直接操作DOM【ref】

点击控制显示与隐藏

this.refs.refInput.focus();
this.refs.refInput ==> 直接返回“ref = refInput” 的DOM节点元素

React对于表单元素的交互操作【event.target】

antd dva+react

$ npm install dva-cli -g
$ dva new demo //创建一个dva应用
$ cd demo
$ npm start

  • 若中途遇见端口占用的情况,则在package.json中修改start配置项
    "start" : set PORT=8099 && roadhog server

你可能感兴趣的:(react)