赵走x博客
网站访问量:151947
首页
书籍
软件
工具
古诗词
搜索
登录
49、Flux:理念、回顾Whinepad
48、lint、Flow、测试与复验:测试
47、lint、Flow、测试与复验:Flow
46、lint、Flow、测试与复验:ESLint
45、lint、Flow、测试与复验:package.json
44、构建实例应用:<Whinepad>
43、构建实例应用:应用配置
43、构建实例应用:<Excel>:改进的新版本
42、构建实例应用:组件:对话框
41、构建实例应用:组件:Actions
39、构建实例应用:表单:Form
38、构建实例应用:表单:<FormInput>“工厂组件”
37、构建实例应用:表单:Rating组件
36、构建实例应用:表单:Suggest
35、构建实例应用:Button组件
34、构建实例应用:组件
33、构建实例应用:Whinepad v.0.0.1
32、发布
31、开始构建
30、安装必备工具
29、为应用开发做准备:一个模板应用
28、JSX 和表单
27、JSX 和HTML 的区别
26、在JSX 中返回多个节点
25、展开属性
24、HTML 实体
23、JSX入门
22、Excel:一个出色的表格组件:下载表格数据
21、Excel:一个出色的表格组件:即时回放
20、Excel:一个出色的表格组件:搜索
19、Excel:一个出色的表格组件:编辑数据
18、Excel:一个出色的表格组件:排序
17、Excel:一个出色的表格组件
16、 PureRenderMixin
15、 性能优化:避免组件更新
14、 生命周期示例:使用子组件
13、组件生命周期示例:使用mixin
12、组件:生命周期方法
11、中途改变属性
10、从外部访问组件
9、在初始化state 时使用props:一种反模式
8、 props 与state
7、关于DOM 事件的说明
6、组件:带状态的文本框组件
5、组件的state
4、组件的propTypes
3、组件的属性
2、组件的基础
1、Hello World
50、Flux:Store
3、组件的属性
资源编号:76051
书籍
React快速上手开发
热度:77
你的组件可以接收属性,并根据属性值进行相对应的渲染或表现。所有属性都可以通过this.props 对象获取。
你的组件可以接收属性,并根据属性值进行相对应的渲染或表现。所有属性都可以通过this.props 对象获取。 让我们看看下面这个例子: ``` var Component=React.createClass({ render:function () { return React.DOM.span(null,'My name is '+this.props.name) } }); ``` 在渲染组件时,传递属性的方法如下: ``` ReactDOM.render( React.createElement(Component,{name:'mark'}), document.getElementById("app") ); ``` 结果如图2-2 所示。  图2-2:使用组件属性 请把this.props 视作只读属性。从父组件传递配置到子组件时,属性非常重要。(从子组件到父组件也是这样,你会在本书的随后章节中了解。)如果你想为this.props 设置属性,只需要使用额外的变量或者组件详细说明对象的属性即可(比如this.thing 对应于this.props.thing)。事实上,在支持ECMAScript5 的浏览器中,你不能改变this.props,因为: ``` > Object.isFrozen(this.props) === true; // true ```