如何传递行ID来呈现行反应本机

时间:2018-10-01 10:39:57

标签: reactjs react-native react-native-android

先谢谢了。 现在,我可以传递值以渲染行方法,而我的组件也可以渲染。我需要使用列表项来设置更多样式,例如替换背景颜色。因此,我如何获取行ID并将其传递到渲染行助手类。

 componentWillMount(){   

    const ds = new ListView.DataSource({
        rowHasChanged:(r1,r2) => r1!=r2            
    }) 
    this.dataSource = ds.cloneWithRows(['row 1', 'row 2','row 3', 'row 4'])        
}

  renderRow(value){ 
    return <EachItem item ={value}/>
}

render(){
    return(
        <View>           
            <ListView
                dataSource = {this.dataSource}
                renderRow  = {this.renderRow} />
        </View>
    )
}

1 个答案:

答案 0 :(得分:0)

根据文档, renderRow 具有四个参数: rowData,sectionID,rowID,highlightRow 。您需要 rowID

http://facebook.github.io/react-native/docs/listview.html#renderrow

示例:

renderRow((rowData, sectionId, rowId, highlightRow) => {
   console.log(rowId)
   //do your application's logic here
})`