React Native typescript 错误:视图'不能分配给类型

wkyowqbh  于 2023-04-22  发布在  React
关注(0)|答案(1)|浏览(140)

我不知道如何正确地键入我的组件。
有时候一切似乎都正常,有时候我会收到以下错误消息:
Type '({}:TestProps)=〉View'不可分配给类型'FC'。
下面是我可以创建的最基本的组件,我仍然得到错误。

import React from 'react';
import {
  View,
  Text,
} from 'react-native';

type TestProps = {};
const Test: React.FC<TestProps> = ({}) => {
  return (
        <View>
            <Text>
                Some text
            </Text>
        </View>
  );
};

export default Test;
mwkjh3gx

mwkjh3gx1#

你可以将React.FC<TestProps>改为React.FunctionComponent<TestProps>,或者如果你不需要props的泛型参数,可以改为React.ComponentType<TestProps>

import React from 'react';
import {
  View,
  Text,
} from 'react-native';

type TestProps = {};

const Test: React.FunctionComponent<TestProps> = ({}) => {
  return (
        <View>
            <Text>
                Some text
            </Text>
        </View>
  );
};

export default Test;

相关问题