React Native中的Arraylist添加/删除视图

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

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      views: [] // 初始化一个空的ArrayList
    };
  }

  addView = () => {
    const newView = <Text key={this.state.views.length}>New View</Text>;
    this.setState(prevState => ({
      views: [...prevState.views, newView] // 添加新的视图组件到ArrayList中
    }));
  }

  removeView = () => {
    this.setState(prevState => ({
      views: prevState.views.slice(0, -1) // 删除ArrayList中的最后一个视图组件
    }));
  }

  render() {
    return (
      <View>
        {this.state.views.map(view => view)}
        <Button title="Add View" onPress={this.addView} />
        <Button title="Remove View" onPress={this.removeView} />
      </View>
    );
  }
}

export default MyComponent;