import React, { Component } from 'react';
import './App.css';
import PropTypes from 'prop-types';
const Topic = (props) => {
return (
<div>
<Comment />
</div>
)
}
const Comment = (props, context) => {
return (
<div>{ context.color }</div>
)
}
Comment.contextTypes = {
color: PropTypes.string
}
class App extends Component {
getChildContext() {
return { color: "red" };
}
render() {
return (
<div className="App">
<Topic />
</div>
);
}
}
App.childContextTypes = {
color: PropTypes.string
}
export default App;
react中使用context（上下文）
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 日常记录一下学习到的知识点吧。好记性不如烂笔头~ 我相信这是对的。官方文档[https://react.docsc...
- React如果在整个组件树中传递数据，需要在每一层传递属性（单向数据流，从上往下传递），如果组件套的很深的话，这样...
- 在某些场景下，想在整个组件数中传递数据，但却不想手动地在每一层传递属性。可以直接在React中使用强大的“cont...
- (1) propTypes库 （官网）http://www.css88.com/react/docs/typech...
- React:context上下文 在react中，我们会遇到这么一个情况，如果爷爷想传东西给孙子，那么就需要这么做...
