How in React native destroy an component instance to avoid memory leak and release underlie views objects of native code?

Question

I want to destroy some component that i have instantiated to release memory. In my current app almost every view that i instantiate and then release it (remove reference to it) doesn't get garbage collected. I keep no reference to to views. I'm not sure if this memory leak is caused by my app or it's react-native(and react native have some memory leaks problems). is there a way to confidently destroy a view instance ?

Answer 1

React will destroy a component when you don't render it anymore. or when you omit it from virtual DOM.

const [render, setRender] = useState(true)  <View>    {render      ? <HeavyComponent/>          : null    }    <AnotherComponent/> </View>