react-native-scrollable-tab-view



  • react-native-scrollable-tab-view
    这个组件提示warning
    Each child in an aryay or iterator should hava a unique "key" prop
    check thie render method of 'Scrollable TabView'
    找了好久也没找到key加到哪?



  • 如果你用了map,加在map下最外层的<OOXX>下面就可以了
    例如

    <ScrollView> 
            {data.map(this.renderlist)}
     </ScrollView>
    
    renderlist(data,key){
    <TouchableOpacity onPress={()=>this._onpress(data.key)} key={key}>
                    <View  style={styles.listview}><Text style={{fontSize:16}}>{data.name}</Text></View>
     </TouchableOpacity>
    }
    

    在React下面这个参数不需要额外定义key, 只要加在最外层的key属性就搞定了



  • @lighthx 我现在用的是scrollable-tab-view
    他用了几个箭头函数。我现在不知道怎么加key了。
    链接文本

    var tabBarProps = {
    goToPage: this.goToPage,
    tabs: this.props.children.map((child) => child.props.tabLabel),
    activeTab: this.state.currentPage,
    scrollValue: this.state.scrollValue
    };


登录后回复