首页 > 代码库 > 组件件传值
组件件传值
一.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就可以调用了
组件件传值
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。