首页 > 解决方案 > 无法从数组中获取第一个索引以与切片反应本机

问题描述

我有一个数组,在那,我必须只显示数据的第一个索引。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

var myBest = fruits.slice(-0, 0); (start index, end index)

但是,无法获得第一个索引,有什么建议吗?

而在平面列表中,我必须从某个类的第二个索引中呈现数据。

Here is my code
render() {
    // const { profiledata } = this.props.profiledata;
     console.log('profiledata is', profiledata);
    return (
    <View >
            <FlatList
              style={styles}
              showsVerticalScrollIndicator
              data={profiledata}
              extraData={this.props}
              renderItem={({ item }) => (
          //code here for UI
               )
           }
         }
))

如何从第二个索引开始在平面列表中循环,而不是从切片中获取单独的数组?

有什么建议么?

标签: node.jsreactjsreact-nativeslicereact-native-flatlist

解决方案


你没有给 slice 正确的论点。

var myBest = fruits.slice(0, 1); (start index, end index)

end index返回元素时不包括。也-0没有任何意义

结束索引

Optional.结束提取的从零开始的索引。此索引处的字符将不包括在内。如果 endIndex 被省略, slice() 将提取到字符串的末尾。如果为负,则将其视为 strLength + endIndex,其中 strLength 是字符串的长度(例如,如果 endIndex 为 -3,则将其视为 strLength - 3)。

如果要修改数组以删除第一个元素,可以使用spliceorshift方法


如果你想从 flatList 的第二个位置开始渲染元素,你可以利用 index 属性

<FlatList
      style={styles}
      showsVerticalScrollIndicator
      data={profiledata}
      extraData={this.props}
      renderItem={({ item, index }) => {
  //code here for UI
           if (index > 0) {
               // code for UI
           }
           return null;
      }}
 />

推荐阅读