react.js - react 在组件内部怎么销毁组件？

问题描述

问 题

render() {
    return (
        this.state.isRender ? (
            <div>hi</div>
        ) : null
    )
}

---

这种好像没有真的销毁！

---

最后我给父组件传递一个控制组件本身是否渲染的状态，这种方式解决了问题

解决方案

isRender为false的时候是真的销毁了，可以F12看dom数，当然，如果你指的是一些js实例的话那就只能手动销毁实例，别指望浏览器帮你全干了

var A = React.createClass({
  render:function(){
    return <div></div>
  }
});

var B = React.createClass({
  render:function(){
    return isRender ? <A/> : null
  }
});

isRender = false的时候A被销毁了，这能懂了没

---

只有一个组件那你就把代码放出来

var A = React.createClass({
  render:function(){
    return <div></div>
  }
});
ReactDOM.render(<A/>, domContainerNode)
ReactDOM.unmountComponentAtNode(domContainerNode)

这是只有一个组件了吧

这篇关于react.js - react 在组件内部怎么销毁组件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！