2017-03-31 27 views
2

我正在使用angular和redux(ngRedux)构建应用程序。现在我想用反应而不是角度来改善性能。这是一个巨大的应用程序,因此无法从头开始构建它。所以我想要使用angularJS(angular-ui-router)的路由,并且随着任何“abc”状态变为活动状态,则反应组件将变为负载,并且这个反应组件应该对每一个事件都使用纯粹的redux。如何合并AngularJS,React和Redux?

我该如何维护我的应用程序,因此单个模块构建在react-redux中并仅通过路由状态连接到角度。请记住,应用程序的其他模块也不应受到干扰。

回答

0

那么把React组件渲染成Angular是很容易的。但我只是假设你已经从角度使用directivecomponent

所以在directive的情况下,你可以跳过整个模板“无感”,让处理做出反应,对你

module.directive("reactTest",function() { 
    return { 
    link:function(scope,element,attr) { 
     class App extends React.Component { 
     constructor(props) { super(props) } 

     render <div></div> 
     } 
     element.replace(App); 

    } 
    } 
}); 

所以这个你怎么能够让反应生成角。 Redux基本上是一样的。你简单的使用REDX的connect功能,然后离开你。

+0

是的很好,但es5和es6之间发生冲突。目前我的应用程序是使用es5构建的,但是如果react class是es6,那么您提到的语法。这个冲突如何解决? –

+0

哦,你可以使用非es6语法形式反应... React.creatClass({}).... JSX的东西变得更加复杂。您将需要使用非JSX语法。 React.createElement – Daniel