要获取所有“哑巴”组件的全局信息,可以使用react上下文。
人为的例子
// redux aware componentvar ChatApp = React.createClass({ childContextTypes: { language: React.PropTypes.string }, getChildContext: function() { // or pull from your state tree return {language: "en"}; }, ...}// dumb componentsvar ExDumb = React.createClass({ contextTypes: { language: React.PropTypes.string }, render: function() { var lang = this.context.language; return ( <div /> ); } });
为了回应评论,redux 在其react-redux库中使用了这种上下文方法。
更抽象地说,在react之外使用时,可以在状态树上使用某种pluck或选择器函数,并且仅返回哑组件所需的全局状态的子集。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)