我的React组件是重新创建而不是更新？

我试图结合Angular和React.js.我在这里有一个工作示例项目我已经看到了几种将Angular和React.js组合在一起的方法.我看到的方法之一是创建一个指令并在链接函数中创建React组件.例如,在我正在使用的生成React版本(红色)的项目的第一部分中

.directive('reactElementRepeater', function() {
    return {
      link: function(scope, element) {
        var update_react = function(oldVal, newVal){ //Called every time one of the two values change
          React.renderComponent(Demo_Element({
            numberOfElements: scope.myModel.numberOfElem, 
            numberInElements: scope.myModel.numberInElem
          }), element[0]);
        }
        scope.$watch('myModel.numberOfElem.length', update_react);
        scope.$watch('myModel.numberInElem', update_react);
      }
    }
  });

我想要的以及在启用React的应用程序中应该发生什么是为了更新模型中的某些内容,然后通过React发送更新,它将尽可能少地改变DOM以反映该更改.它看起来不是更新DOM的一部分,而是每次使用renderComponent创建一个新的React组件.

React.renderComponent()实例化根组件,启动框架,并将标记注入原始DOM元素,作为第二个参数提供.

它实际上每次都在重新创建元素吗？如果是这种情况,是否有办法改变这种情况,以免发生？为了清楚我知道ngReact,我只是想知道其他方法来加速Angular与React.