时间戳

首页 > 解决方案 > 返回 JSX 的 React 类方法的流注解

javascript - 返回 JSX 的 React 类方法的流注解

问题描述

虽然我确实喜欢在 JavaScript 应用程序中进行类型检查的想法，但使用 Flow 严重减慢了我的速度，因为我似乎无法找到基本问题的答案。我发现官方文档在某些情况下很有用，但老实说非常令人困惑。

这是我正在寻找的内容： 我有一个基于类的 React 组件（使用 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 注释该方法

有谁知道这应该如何注释？也许我做对了？此时不确定。

标签： javascriptreactjsreact-native

解决方案

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

推荐阅读