带有Angular.JS的React.JS：多次调用getInitialState

Question

我使用angular.JS来渲染反应组件。我的问题是反应生命周期搞砸了。

我的角度控制器中的代码：

app.controller('ApplicationListController', ['$location', function($location) { 
    ReactDOM.render(
        React.createElement(HeaderNavigation, { activePage: 'applicationList' }),
        document.getElementById('react-headear-navigation')
    );
}]);

每次用户导航时都会调用react组件中的 getInitalState 和 componentDidMount （HeaderNavigation）（并再次调用角度控制器）。

顺便说一下。对于我使用的每个反应组件都会发生这种情况 - 所以我认为我不需要提供反应组件的任何代码。我认为问题在于我以错误的方式使用Angular来渲染反应组件。