如何将具有已知字段的对象作为反应中的道具传递

时间:2017-07-11 21:50:04

标签: javascript reactjs flowtype

我将Person作为道具传递给反应组件。我知道Persons是一个Object数组,其中每个Object有四个字段:

  

1)名称:(类型字符串)2)姓:(类型字符串)3)年龄:(类型int)4)   地址:(类型字符串)

type Props = {
 Persons: Array<Object>,
}

由于我知道对象的字段,因此使用Array<Object>,传递并不是一个好主意(不具有描述性)。有什么方法可以将这些信息作为道具传递?

2 个答案:

答案 0 :(得分:2)

是的,你可以做到这一点:

type Props = {
 Persons: Array<{
   name: string,
   surname: string,
   age: number,
   address: string
 }>
}

答案 1 :(得分:1)

我建议你制作两个独立的界面,使其更具可读性。另请考虑在名称前使用I,以向其他代码编辑显示其为interface

type IProps = {
  Persons: Array<IUser>,
}

type IUser = {
  name: string,
  surname: string,
  age: number,
  address: string,
}