Question

我有一个使用gulp构建的有角度的应用程序。我想在其中使用React组件来实现不同的功能。 Angular应用程序通过脚本标签加载js，React应用程序具有自己的存储容器等，并使用React 16。

如何在angular中导入组件等。

Answer 1

可以使用任何现有的AngularJS / React适配器，例如react2angular。

所有这些适配器所做的都是ReactDOM.render钩中的$onInit和ReactDOM.unmountComponentAtNode中的$onDestroy。

Answer 2

您可以将React Component与Angular Directive一起使用，也可以在内部使用它 $onInit中的angular

var HelloWorld = React.createClass({
    displayName:'Hello World',
    render:function(){
        return React.DOM.div(Test, "Hello, ",this.props.value1);
    }
});

$scope.name = 'World!';

app.directive('hello', function(){
    return {
        restrict:'E',
        scope:{
            name:'='
        },
        link:function(scope, el, attrs){
            scope.$watch('name', function(newValue, oldValue){
                var MyComponent = React.createFactory(HelloWorld);
                ReactDOM.render(
                    MyComponent({value1:newValue}),
                    el[0]
                );
            })
        }
    }
})

在Angular 1.4应用程序中反应组件

2 个答案: