小编Joa*_*ios的帖子

React Native Flatlist 错误没有重载与此调用匹配

我正在使用 Typescript 制作 React Native 应用程序,但 Flatlist renderItem 出现错误。我是 Typescript 和 React Native 的新手。错误说:

没有重载与此调用匹配。重载第 1 个(共 2 个)“(props: FlatListProps | Readonly<FlatListProps>): FlatList<...>”出现以下错误。类型“({ item }: { item: arrayPlasticsData; }) => void”不可分配给类型“ListRenderItem”。类型“void”不可分配给类型“ReactElement<any, string |” JSXElement构造函数> | 无效的'。重载 2 个(共 2 个)“(props: FlatListProps, context: any): FlatList”,出现以下错误。类型“({ item }: { item: arrayPlasticsData; }) => void”不可分配给类型“ListRenderItem”。

我正在尝试渲染一个包含项目列表的 Flatlist,但它基本上不允许我在那里渲染任何内容。我也尝试在 renderItem 上放置类似 Something 的内容,但它也不起作用。PlasticTypesComponent.ts 带来一个包含数据的数组。这是代码:

import { FlatList, StyleSheet, Text, View } from "react-native";
import PlasticTypesComponent, { arrayPlasticsData } from "../../components/data/PlasticTypes";

import PlasticItemComponent from "../../components/plasticItem/plasticItem";
import …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-native react-navigation react-native-flatlist

5
推荐指数
1
解决办法
5480
查看次数