reactjs - react : leave the contents of a component alone

Question

React 是否可以忽略子树？即，不比较或更新它？

我的用例正在迁移到 React。一次性重写所有 Handlebars 模板是不可行的，但如果我们可以将现有模板用于某些子组件，那么我们可以随着时间的推移慢慢采用它。

Answer 1

是的，如果你不在 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，因为 render 始终返回相同的内容。