RN 错误：必须在组件中呈现文本字符串<Text>

Question

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

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

这里data由 grapqhl 查询 (Apollo( 返回。错误位于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>
);
};

在此组件中，错误落在返回的第一行的某个位置，该行显示<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>
);
};```