反应本地平面列表特定数据

时间:2019-09-17 17:20:30

标签: json react-native react-native-flatlist

我只需要出于测试目的从本地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()}
   />
)

1 个答案:

答案 0 :(得分:1)

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

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