RN Error: Text strings must be rendered within a <Text> component

Question

我知道以前有人问过这个问题，但 none 的答案对我有帮助。我在包含以下内容的文件中收到此错误：

          <View style={styles.listHolder}>
            {data && (
              <MyList data={userData} onSendRequest={onSendRequest}></MyList>
            )}
          </View>

此处 data 由 grapqhl 查询 (Apollo) return 编辑。错误出现在 MyList 组件中的某处，如下所示：

type UserProps = {
  data: UsersLazyQueryHookResult;
  //originatorId: number;
  onSendRequest: (id: number) => void;
};
export const MyList: React.FunctionComponent<UserProps> = ({
  data,
  //originatorId,
  onSendRequest,
}) => {
  return (
    <View>
      {data && (
        <FlatList
          data={data.users.nodes}
          horizontal={false}
          scrollEnabled
          renderItem={({ item }) => (
            <User
              user={item}
              onSendRequest={onSendRequest}
            />
          )}
          keyExtractor={(item) => item.id.toString()}
          ListEmptyComponent={NoFriendsContainer}
        />
      )}
    </View>
  );
};

在此组件中，错误落在 return 的第一行某处，上面写着 <View>

我错过了什么？请注意，当我使用 Prettier 进行格式化时，MyList 之前的括号会自动出现。

Answer 1

在您发布的代码中找不到任何错误，但请尝试此解决方案。

type UserProps = {
  data: UsersLazyQueryHookResult;
  //originatorId: number;
  onSendRequest: (id: number) => void;
};
export const MyList: React.FunctionComponent<UserProps> = ({
  data,
  //originatorId,
  onSendRequest,
}) => {
  return (
    <View>
      {data?(
        <FlatList
          data={data?.users?.nodes}
          horizontal={false}
          scrollEnabled
          renderItem={({ item }) => (
            <User
              user={item}
              onSendRequest={onSendRequest}
            />
          )}
          keyExtractor={(item) => item?.id?.toString()}
          ListEmptyComponent={NoFriendsContainer}
        />
      ):null}
    </View>
  );
};```

RN Error: Text strings must be rendered within a <Text> component

RN Error: Text strings must be rendered within a <Text> component

javascript

render

typescript

reactjs

react-native