todo.js

class TodoList extends Component {
  renderList() {
    const ds = new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2, });
    return (
      <ListView
         dataSource={ds.cloneWithRows(this.props.todos.toJS())}
         renderRow={this.renderRow} />
    );
  }
  
  renderRow(todo) {
    return (
      <TodoItem todo={todo} />
    );
  }

  render() {
    return (
      <View style={styles.container}>
        {this.renderList()}
      </View>
    );
  }
}