在vue或者react里面，应该如何使用qrcode

[Fairfarren]

我当前的一个项目是用react写的，有一个功能是识别图片中的二维码

我使用import '../static/qrcode.lib.min'这种方式引入到组件中，会报错

于是我选择了<script src="qrcode.lib.min.js"></script>标签的方式去引入

然后我在组件的componentDidMount方法中去初始化，会提示$ undefined

最后我选择了在index.html页面中去初始化，并且使用了onhashchange方法去监听路由的变化，不监听的话会因为路由的变化导致不能调出选择图片的方法

虽然这种方法比较笨，但是能解决

我想问问在react或者vue里面，有没有更优的做法？

[zhiqiang21]

import 是es6的语法。目前qrcode.lib.min.js是不支持cmd规范的。所以只能是通过script标签引入。$ undefined的问题是应为当时写这个组件是基于Zepto.js写的。可以修改下这个文件的源码https://github.com/zhiqiang21/WebComponent/blob/master/html5-Qrcode/lib/qrcode.js

将使用$的地方换成原生的js就可以了。需要的方法通过module.exports 和export对外暴露就可以使用了。

后续我会更新下这个代码库支持cmd规范。

[xlight]

所以到现在也没更新

[VenusPP]

所以现在了也还没更新

[leowang199303]

所以到现在也仍然没更新

[zai-Dong]

所以到现在了还是依然没有更新

[TerryMinH]

你好，在react中有更新最新的使用方法吗？

[HongxuanG]

说好的更新呢

[zch97]

所以到现在也仍然没更新