Я сделал два приложения, одно для angularjs, а другое - для реакции. Теперь проблема в том, что я включаю сборку реагирования в приложение angularjs и пытаюсь инициализировать компонент '', но когда я запускаю код, он говорит, что Test не определен.
Может ли кто-нибудь помочь мне с этим или дать мне какое-либо представление о том, как мне справиться с этой проблемой.
Реагирующий компонент:
import React from 'react'; import ReactDOM from 'react-dom'; class Test extends React.Component { render() { return ( <div> Hello </div> ); } }
угловой Js код:
<!DOCTYPE html> <html> <head> <title></title> </head> <body ng-app="angular-app"> <div id="root"></div> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script> <script src="react/dist/build.js"></script> <script> ReactDOM.render(<Test/>, document.getElementById('root')); </script> </body> </html>
Вы должны написать следующий код в своем приложении реакции и затем загрузить свой пакетный файл в приложение angularJS.
ReactDOM.render(<Test/>, document.getElementById('root'));