首页 > 其他 > 详细

组件件传值

时间:2017-06-26 18:28:07      阅读:201      评论:0      收藏:0      [点我收藏+]

一.render里面调用属性this.props.color

技术分享

孙辈的组件下层层传递要很多层所以flux上场了,因为太复杂所以redux上场了。。然后为了提高性能PureRenderMixin跟着上场了。。再然后immutable.js也上场了。。。

二.context方法:

父组件给子组件传递:官网domo里面

父组件里要调用getChildContext和设定childContextTypes

// 通过这个方法去传递属性

getChildContext: function() {
return {
color: "blue",
age:12
};
},
// 传递给子孙属性的类型校验
childContextTypes: {
color: React.PropTypes.string,
age: React.PropTypes.number
},

在子组件内

// 在孙子里面校验祖宗里面的属性
contextTypes: {
color: React.PropTypes.string
},

然后在render里面调用this.context.color可以获取父组件传递的值

console.log(this.context),router是不用父组件getChildContext(内部已经设定好)只需要contextTypes就可以调用了

技术分享

 

组件件传值

原文:http://www.cnblogs.com/little-ab/p/7081712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!