如何在React Native中设置状态数组

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

const MyComponent = () => {
  const [myArray, setMyArray] = useState([]);
  
  // 其他组件逻辑代码
  
  return (
    <View>
      {/* 组件内容 */}
    </View>
  );
};

// 添加元素到状态数组
const addItem = () => {
  setMyArray([...myArray, 'New Item']);
};

// 删除状态数组中的元素
const removeItem = (index) => {
  const newArray = [...myArray];
  newArray.splice(index, 1);
  setMyArray(newArray);
};

// 渲染状态数组中的元素
const renderItems = () => {
  return myArray.map((item, index) => (
    <Text key={index}>{item}</Text>
  ));
};

// 在组件中调用相关函数和渲染状态数组
return (
  <View>
    <Button title="Add Item" onPress={addItem} />
    <Button title="Remove Item" onPress={() => removeItem(0)} />
    {renderItems()}
  </View>
);