React Native 中如何销毁组件实例以避免内存泄漏并释放本机代码的底层视图对象

React Native 中如何销毁组件实例以避免内存泄漏并释放本机代码的底层视图对象？

javascript
class MyComponent extends React.Component {
  componentDidMount() {
    window.addEventListener('resize', this.handleResize);
  }
  componentWillUnmount() {
    window.removeEventListener('resize', this.handleResize);
  }
  handleResize = () => {
    // 处理窗口大小改变事件
  }
  render() {
    // 组件渲染逻辑
  }
}

javascript
class MyComponent extends React.Component {
  timerId = null;
  componentDidMount() {
    this.timerId = setInterval(this.handleTimer, 1000);
  }
  componentWillUnmount() {
    clearInterval(this.timerId);
  }
  handleTimer = () => {
    // 处理定时器逻辑
  }
  render() {
    // 组件渲染逻辑
  }
}

javascript
class MyComponent extends React.Component {
  request = null;
  componentDidMount() {
    this.request = fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 处理网络请求返回的数据
      });
  }
  componentWillUnmount() {
    this.request.abort();
  }
  render() {
    // 组件渲染逻辑
  }
}

javascript
class MyComponent extends React.Component {
  nativeView = null;
  componentDidMount() {
    this.nativeView = NativeModules.MyNativeModule.createView();
  }
  componentWillUnmount() {
    NativeModules.MyNativeModule.releaseView(this.nativeView);
  }
  render() {
    return  this.nativeView = ref} />;
  }
}