Free Arch:将React 井字棋搬到微信小程序之二
哈德韦
共 558字,需浏览 2分钟
·
2022-01-05 02:15
在前几天,我宣称通过少量开发,通过 react view 可以在一定程度上打破微信个人版小程序不能使用 web view 的限制。并展示了一个基本的例子,即将 react 官方的经典教程井字棋游戏搬到了微信小程序。
有人看了就纳闷,那只是展示了一个九宫格呀,点击也没反应。
这说明他没认真学习 react 官方的井字棋教程。该教程的初始状态就是如此,点不动的,在 code pen 也是这样。
通过利用上一篇介绍的 babel as a service,今天不写任何代码,直接把 react 官方教程的井字棋游戏的终态也搬到小程序上,以移除读者们对这个 react view 的疑虑。
终态是可以两个人互动的版本,要将终态也移到小程序,只需要把终态对应的 code pen 里的 js 文件粘贴到 replit ,预览没有任何问题后,把小程序读取初始态的url 换成新的终态的 url 即可。
最终效果如下,是可以互动的版本哦,由于需要动态加载脚本,可能需要稍微等待一下下呢:
评论