返回JSX的React类方法的流注释

时间:2018-10-29 06:55:52

标签: javascript reactjs react-native

尽管我很喜欢JavaScript应用程序中类型检查的想法,但是使用Flow会使我的工作速度大大降低,因为我似乎找不到基本的答案。我发现官方文档在某些情况下很有用,但老实说很令人困惑。

这是我想要的: 我有一个基于类的React Component(使用React Native),其中有一个执行一点逻辑的方法,然后最后返回一些JSX。

renderUpdatedAt = (): React.Element<typeof View> => {
  ...Other Logic

  const updatedAt = max(updatedTimes);

  let updatedAtText = updatedAt
    ? `Insights are updated daily. Last updated ${moment(updatedAt).format(
        'M/D/YY, h:mma',
      )}`
    : 'Insights are updated daily.';

  return (
    <View style={styles.updatedAt}>
      <BodyMicro style={styles.updatedAtText}>{updatedAtText}</BodyMicro>
    </View>
  );
};

它最终最终返回一个随React Native一起提供的View组件。如您所见,我的印象是我将使用React.Element

对该方法进行注释。

有人知道该怎么注释吗?也许我做对了吗?目前不确定。

1 个答案:

答案 0 :(得分:1)

如果您返回的只是View,那么React.Element<typeof View>是正确的。