React Native flatlist 特定数据

Question

我需要来自本地 json 文件的数据只是为了测试目的（理想情况下我将从远程 url 获取数据）这个 json 文件是一个数组有 8 个对象，但我需要平面列表来渲染前 3 个对象，我该怎么做？

我的代码：

import extratoData from "./extratoData.json"

export default function Body () {
  const [data, setData] = useState([])

  useEffect(() => {setData(extratoData)}, [])

  return(
   <FlatList 
    data={extratoData} 
    renderItem={({item}) => <ExtratoRenderItem title={item.title} amount={item.amount} date={item.date} time={item.time} cashback={item.cashBack}/>}
    keyExtractor={(item, index) => index.toString()}
   />
)

Answer 1

您可以只使用 Array.prototype.slice() 方法。

  var firstThree = extratoData.slice(0, 3);

React Native flatlist 特定数据

React Native flatlist specific data

json

react-native

react-native-flatlist