Reactjs学习 -- factory、component和element

在使用reactjs的时候,我们经常会使用到下面三个方法:

  1. React.createFactory()
  2. React.createClass()
  3. React.cleateElement()

这三个方法接受的参数和返回的对象类型是不同的。

React.createFactory

该方法会接受一个component类型的对象,并且返回一个factory方法。使用返回的factory可以创建element。如

<span style="font-size:12px;">var factory = React.createFactory(component);
var element = factory(props, ...., children);</span>

React.createClass

该方法会返回一个component。

React.cleateElement

返回一个element

如果实例化的时候没有按照对应的类型来调用,React会抛出一个warning,据说下一个版本会抛出一个error。

ps:

我写了一个project seed,框架使用了Backbone + React + requirejs, UI框架使用了semantic UI,能翻墙的小伙伴可以参考一下。

https://github.com/gaoyuan-mountain/framework-project-seed/tree/master/react-backbone

待完善...

时间: 2024-10-10 00:36:29

Reactjs学习 -- factory、component和element的相关文章

设计模式学习--Factory Method

What Factory Method:定义一个创建对象的接口,让子类来决定实例化哪一个类.Factory Method使一个类的实例化延迟到其子类. Why Factory Method是一个比较基础的创建型模式,它主要在于由子类决定实例化哪一个类.主要用于框架代码或者工具包中. 适用于如下场景: 1.当一个类不知道它所必须创建的对象的类的时候 2.当一个类希望由子类来指定它所创建对象的时候 3.当类将创建对象的职责委托给多个帮助子类的某一个,并且你希望将哪一个帮助子类是代理者这一信息局部化的

reactjs学习一(环境搭配react+es6+webpack热部署)

reactjs学习一(环境搭配react+es6+webpack热部署) reactjs今年在前端圈里很火,用了三四个月,感觉确实很适合前端开发人员使用,值得深入一下,所以这里记录一下我简单的学习过程,首先是react的环境,由于现在react的新版本已经很稳定了,所以推荐使用es6+webpack来搭建开发环境. 首先,安装nodejs,略过,安装gitbrach,略过,直接搜索到相对应软件的官网,下载最新正式版本的软件,然后就下一步下一步完成安装就可以了,很简单的过程,但是不容忽略,如有问题

ReactJS 学习路线

Node.js: 推荐采用nvm的方式安装,nvm(Node Version Manager)用于Node的版本管理,方便不同版本的Node之间的切换 安装npm,npm(Node Package Manager)Node.js的包管理工具.Node.js社区有非常丰富的javascript包,通过npm可以非常简单的安装.使用,并且还可以把依赖的包同时下载下来. 由于npm的官方源非常慢,所以最好用淘宝的源替换.(淘宝源的同步频率是10分钟) npm config set registry "

angular2 学习笔记 ( Component 组件)

ng2 的组件和游览器原生的组件是同一个概念,在方方面面都很相似. 和 ng1 一样,组件少不了数据绑定 1. model to view 绑定 (单向绑定, 意思是这个值应该是只读的, 组件内部不一样修改这个值) template: ` <my-product [model-to-view-value]="'Derrick' + 'Yam'" ></my-product> ` @Input("model-to-view-value") //

ReactJs学习笔记01

粗略简单的表述一下我最近对ReactJs的学习: 1.特性 它不是一个完整的MVC,MVVM框架,它和Web Components并不冲突,那什么是Web Components呢?近年来,web 开发者们通过插件或者模块的形式在网上分享自己的代码,便于其他开发者们复用这些优秀的代码.同样的故事不断发生,人们不断的复用 javascript 文件,然后是 CSS 文件,当然还有 HTML 片段.但是你又必须祈祷这些引入的代码不会摧毁你的网站或者web app.WebComponents 是这类问题

ReactJS学习 相关网站

React 入门实例教程-阮一峰 http://www.ruanyifeng.com/blog/2015/03/react.html汇智网-React 互动学习http://hubwiz.com/course/552762019964049d1872fc88/博客园相关文章http://zzk.cnblogs.com/s?t=b&w=ReactJS

redux的中间层 --reactjs学习

React只负责UI层,也就是我们通常在MVC框架中 所说的View层,所以在使用React开发中 我们得引入Redux 负责Model 一开始学习Redux的中间层 有点 摸不到头, 其实只要你注意观察,这个所谓的middlerware其实就是一个 责任链 import { applyMiddleware, createStore } from "redux"; const reducer = (initialState=0, action) => { if (action.t

reactjs学习——制作button组件

前端时间一直在折腾nodejs,好不容易有点搞懂express框架想要作业登录注册系统来练练手,路由搞好了,ajax搞好了,页面也搞好了,兴冲冲的准备测试了,麻蛋我忘记世界上有一种东西叫数据库,还没连数据库/(ㄒoㄒ)/~~网上好多都是教mangoDB,又要重新学,搞来搞去没弄好/(ㄒoㄒ)/~~等我折腾好了再来写nodejs. reactjs太火啦,感觉不去学学有点对不起web工程师的名头哈哈哈哈哈哈,学了几天自己做了一个button的组件,和bootstrap那个有点像,先来说说学习reac

ReactJS学习笔记(二)-组件嵌套与组件复用

我们终要远行,最终告别稚嫩的自己. 使用React来构建web应用,每个页面都将是多个组件组成,并且相互嵌套来构成的,接下来就学习下组件的嵌套. 一.组件嵌套: 背景交代: 1.创建一个html,包含引用的相关js.需要被渲染的div: 2.创建一个有label与input标签组成的简单组件 - IvanInput,并可以通过传入数组来渲染多组label与input标签,拥有不同的label名称.inputType.inputRef.inputName及input的onChange事件: 3.创