如何在React Native中动态高效地添加子对象而无需重新呈现父对象

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

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      children: [] // 初始化子对象数组
    };
  }

  addChild = () => {
    const { children } = this.state;
    const newChild = <Text key={children.length}>Child {children.length + 1}</Text>;
    this.setState({ children: [...children, newChild] });
  }

  render() {
    const { children } = this.state;
    return (
      <View>
        {children}
        <TouchableOpacity onPress={this.addChild}>
          <Text>Add Child</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

export default ParentComponent;