加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – React:单独留下组件的内容

发布时间:2020-12-15 20:54:45 所属栏目:百科 来源:网络整理
导读:是否有可能让React忽略一个子树?即,不比较或更新它? 我的用例是迁移到React.一次重写我们所有的Handlebars模板是不可行的,但如果我们可以将我们现有的模板用于某些子组件,我们可以慢慢采用它. 是的,如果你不修改React中的子树,那么根本不会触及DOM.在React
是否有可能让React忽略一个子树?即,不比较或更新它?

我的用例是迁移到React.一次重写我们所有的Handlebars模板是不可行的,但如果我们可以将我们现有的模板用于某些子组件,我们可以慢慢采用它.

是的,如果你不修改React中的子树,那么根本不会触及DOM.在React中很容易包含非React功能,如Handlebars模板.你可以使用dangerouslySetInnerHTML:
render: function() 
    return <div dangerouslySetInnerHTML={{__html: template(values)}}>;
}

或者你可以简单地返回一个空div并在componentDidMount中填充(或附加事件处理程序等):

render: function() 
    return <div />;
},componentDidMount: function() {
    var node = React.findDOMNode(this);
    node.innerHTML = template(values);
}

在后一种情况下,React在初始渲染后不会触及DOM,因为渲染总是返回相同的东西.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读