如何在react native中的现有状态中添加新数据？

import React, { Component } from 'react';
import { View, Text, Button } from 'react-native';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [] // 初始状态为空数组
    };
  }

  addData = () => {
    // 创建新的数据对象
    const newData = {
      id: 1,
      name: 'New Data'
    };

    // 更新状态，将新数据添加到现有数据数组中
    this.setState(prevState => ({
      data: [...prevState.data, newData]
    }));
  }

  render() {
    return (
      <View>
        <Button title="Add Data" onPress={this.addData} />
        {this.state.data.map(item => (
          <Text key={item.id}>{item.name}</Text>
        ))}
      </View>
    );
  }
}

export default MyComponent;