react-native:如何动态创建自定义组件并在使用后将其销毁？

function createCustomComponent() {
  // 创建自定义组件
  const CustomComponent = React.createElement(View, { style: { flex: 1 } }, null);
  
  // 返回自定义组件
  return CustomComponent;
}

class App extends React.Component {
  render() {
    // 动态创建自定义组件
    const customComponent = createCustomComponent();
    
    return (
      <View>
        {/* 渲染自定义组件 */}
        {customComponent}
      </View>
    );
  }
}

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isCustomComponentVisible: true, // 控制自定义组件的显示与隐藏
    };
  }
  
  render() {
    // 动态创建自定义组件
    const customComponent = createCustomComponent();
    
    return (
      <View>
        {/* 根据状态决定是否渲染自定义组件 */}
        {this.state.isCustomComponentVisible && customComponent}
      </View>
    );
  }
}