ListView正在刪除錯誤的項目

Question

我這是一個可能的重複問題，但一切似乎對我都是正確的。我的功能確實刪除了一個項目，但它刪除了錯誤的項目。當我console.log檢查的數組對象，我選擇的項目不再存在。隨着新的對象，我然後設置狀態。這裏是我的代碼：

 export default class MainApp extends Component { 
      constructor(props) { 
      super(props); 

      this.state = { 
       damping: 1 - 0.6, 
       tension: 400, 
       dataBlob: [], 
      dataSource: new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}), 
      }; 

      } 

     componentDidMount() { 

     fetch('http://54.152.253.14/barbershop/appointmentHelper.php') 
     .then((response) => response.json()) 
     .then((responseData) => { 
      this.state.dataBlob = responseData; 
      this.setState({ 
       dataSource:this.state.dataSource.cloneWithRows(this.state.dataBlob), 
       isLoading: false, 
      }); 
     }) 
     .done(); 
     } 

     deleteItem(rowId){ 
    console.log(rowId); 
    this.state.dataBlob.splice(rowId,1); 
    console.log(this.state.dataBlob); 
    this.setState({ 
    dataSource: this.state.dataSource.cloneWithRows(this.state.dataBlob), 
    }) 
    } 
    fetchData() { 

    } 

    renderList = (dataObj,sectionID,rowId) => { 

    return (
     <View style={styles.container}> 

     <Row damping={this.state.damping} tension={this.state.tension} onPress={()=>this.deleteItem(rowId)}> 
      <View style={styles.rowContent}> 
      <View style={styles.rowIcon} /> 
      <View> 
       <Text style={styles.rowTitle}>{dataObj.service}</Text> 
       <Text style={styles.rowSubtitle}>Drag the row left and right</Text> 
      </View> 
      </View> 
     </Row> 



     </View> 
    ); 
    }; 

    render() { 
    return (
      <ListView 
      dataSource={this.state.dataSource} 
      renderRow={(data, sectionID, rowID) => this.renderList(data, sectionID, rowID)} 
      style={styles.listView} 

      /> 
      ); 
    } 
} 

任何幫助將不勝感激。我覺得我錯過了一些有關列表視圖的概念性想法，並且非常期待提高我的理解。謝謝。

Answer 1

更改我的渲染功能，這個解決我的問題：

render() { 
    return (
      <ListView 
      key={this.state.dataBlob} 
      dataSource={this.state.dataSource} 
      renderRow={(data, sectionID, rowID) => this.renderList(data, sectionID, rowID)} 
      style={styles.listView} 

      /> 
      ); 
    } 

基本上，加入一鍵追蹤的獨特的項目在我的名單是什麼救了我。希望這爲未來提供了其他人的幫助。