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 即可。


最终效果如下,是可以互动的版本哦,由于需要动态加载脚本,可能需要稍微等待一下下呢:




浏览 32
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报