如何合并AngularJS,React和Redux?
问题描述:
我正在使用angular和redux(ngRedux)构建应用程序。现在我想用反应而不是角度来改善性能。这是一个巨大的应用程序,因此无法从头开始构建它。所以我想要使用angularJS(angular-ui-router)的路由,并且随着任何“abc”状态变为活动状态,则反应组件将变为负载,并且这个反应组件应该对每一个事件都使用纯粹的redux。如何合并AngularJS,React和Redux?
我该如何维护我的应用程序,因此单个模块构建在react-redux中并仅通过路由状态连接到角度。请记住,应用程序的其他模块也不应受到干扰。
答
那么把React组件渲染成Angular是很容易的。但我只是假设你已经从角度使用directive
或component
。
所以在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
功能,然后离开你。
是的很好,但es5和es6之间发生冲突。目前我的应用程序是使用es5构建的,但是如果react class是es6,那么您提到的语法。这个冲突如何解决? –
哦,你可以使用非es6语法形式反应... React.creatClass({}).... JSX的东西变得更加复杂。您将需要使用非JSX语法。 React.createElement – Daniel