React 教程及其API接口文档

React 详细中文开发文档,可以阅读:http://reactjs.cn/react/docs/tutorial.html

英文原文:http://facebook.github.io/react/

中文论坛:http://react-china.org/

视频教程:http://www.icoolxue.com/album/show/262



react 知识点 :

      HTML 相关:

             1. 原生 HTML 元素名以小写字母开头,而自定义的 React 类名以大写字母开头。

      JSX 相关:

             1. 注意:最简单开始学习 JSX 的方法就是使用浏览器端的JSXTransformer。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具react-tools 包来预编译你的代码。

             2. React 的 JSX 里约定分别使用首字母大、小写来区分本地组件的类和 HTML 标签。

                   (1)、要渲染 HTML 标签,只需在 JSX 里使用小写字母开头的标签名。

                   (2)、要渲染 React 组件,只需创建一个大写字母开头的本地变量。



       组件相关:

            1. 通过 JavaScript 对象传递一些方法到 React.createClass() 来创建一个新的 React 组件。其中最重要的方法是render ,该方法返回一颗 React 组件树,这棵树最终将会渲染成 HTML 。

            2. ReactDOM.render() 实例化根组件,启动框架,把标记注入到第二个参数指定的原生的 DOM 元素中。

            

       数据模型相关:

              1. props 是不可变的(只读),可以通过this.props 访问到。通过this.props 来访问传入组件的数据,键名就是对应的命名属性,也可以通过this.props.children 访问组件内嵌的任何元素。

              2.state 是可变的,可以通过his.state 是组件私有的,可以通过调用this.setState() 来改变它。

              3. getInitialState() 在组件的生命周期中仅执行一次,用于设置组件的初始化 state 。

              4. componentDidMount 是一个组件渲染的时候被 React 自动调用的方法。

              5. 一个限制: React 组件只能渲染单个根节点。如果你想要返回多个节点,它们必须被包含在同一个节点里。

    

     事件相关:

             1. React 使用驼峰命名规范的方式给组件绑定事件处理器。

             2. 利用 ref 属性给子组件命名,通过 this.refs 引用 DOM 节点。

             3. 用回调函数作为属性( props )。

    

      移动平台相关: 

              1. 如果需要在手机或平板等触摸设备上使用 React,需要调用 React.initializeTouchEvents(true); 启用触摸事件处理。    

          

       



  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值