水一篇之用vscode插件bito实现react类组件转函数组件_react vscode 插件

背景

我们当前项目的技术栈是react函数组件 + react hook + typescript。现在我们有一部分功能想直接从一个开源的github库中扒下来，但是开源github库的代码是react类组件写法。

为了项目统一写法、方便后期统一维护，我们想把扒下来的代码统一为react函数组件 + react hook + typescript的形式

思路

去github、百度、谷歌上感觉怎么搜（react类组件自动转react函数组件、react class component to function component）也没有现成的自动化方案。（期待哪位看官打脸！）

然后想到不如试试GPT（虚拟峰哥）解答世间万物

正好vscode有插件bito，免费好用！（虽然有收费版，但对我来说免费版已经yyds了！）

直接prompt写将下面代码转为函数组件

我看生成的代码基本八九不离十

另外一个备选github开源库，是react类组件，并且没有用到typescript,我也试了试

竟然感觉也十分靠谱！

结论

1、如果你能接受一个一个react文件通过bito这个vscode插件将react类组件（无typescript也大致靠谱）转为react函数组件（typescript），那么就试试吧！

2、暂时想不到批量将开源GitHub库中react代码使用gpt自动转换的方法，待哪位看官有高见！

番外

将自动转换react组件的prompt复制到文心一言试试

额，字数超了，还没开始就结束了~ 属实难蚌~