Typecheck在React中使用Flow深深嵌套了道具

时间:2016-05-03 00:45:53

标签: reactjs flowtype

对于我们来说,通过对象传播从上到下传递道具的深层嵌套组件是很常见的:

render() {
  return <MyComponent { ...this.props } />;
}

在许多情况下,中间的组件不知道道具以这种方式流过它们,并且要注释流经每个组件的每个道具都需要这些组成部件知道每个孩子的一切。

有没有办法避免这种情况,这样在层次结构顶部注释的道具将根据它们在层次结构底部的用法进行检查,而不需要在它们之间的每个组件内进行注释,而不需要简单地导出和导入类型别名,会破坏等级关系吗?

1 个答案:

答案 0 :(得分:1)

尝试使用Flow typeof operator,声明var users = require('../../app/controllers/users.server.controller') exports.render = function(req, res) { res.render('index', { title: 'MEAN MVC', user: req.user ? req.user.name: '', device: users.devices }); }; ParentComponent.someProp具有相同的类型。