如何解析 angularjs 指令中的反应组件？

【问题标题】：how do I parse react component in angularjs directive?如何解析 angularjs 指令中的反应组件？
【发布时间】：2019-04-11 05:26:57
【问题描述】：

我正在尝试将我的 angularJS 应用程序迁移到 React。所以我正在尝试创建一个注入反应组件的角度指令。我的 eslint 或 gulp 无法解析指令并给我

解析错误：意外的令牌

这里是指令

我的 eslint 文件配置如下

我想我已经添加了必要的配置。任何帮助表示赞赏。谢谢

【问题讨论】：

你在使用 babel 吗？
@azium 是的，我已经安装了"babel-core": "^6.22.1", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.22.0", "babel-preset-react": "^6.22.0", "babel-preset-stage-0": "^6.22.0",。
你有一个运行所有 babel 插件的 gulpfile？

【解决方案1】：

我真的不能告诉你如何关闭 linter 的抱怨，但是在这里我可以看到代码中的错误可以很容易地解决这个问题。在 angularjs 指令链接函数中，您可以从 link 函数第二个参数（el）获取链接指令 DOM，您可以专门查询该 DOM，尽管查询整个文档。

link: (scope, el, attrs) {
  const reactApp = el.find('#reactapp');
  //....
}

【讨论】：

好的，我改变了它，但ReactDOM.render(<Layout/>, reactapp); 是我面临错误的那一行。 Angular 无法解析。不过感谢您的回复。
@UIguy89 你可以尝试在.eslint 文件中设置mentioned rules
实际上添加React.createElement 有效，但现在我有一个不同的错误。 Uncaught ReferenceError: require is not defined 代表var React = require('react');，我正在努力。谢谢
如果您遇到任何其他问题，请告诉我。