一分钟教学：快速生成React代码块

广告:

如果大家喜欢我们的内容, 请关注微信公众号: 米修在线

如果大家有好的想法和建议, 也请微信联系我, 我会将你的想法和建议录制成视频或者图文分享给更多的人!

痛点:

在开发过程中, 我们经常会写很多结构性的东西, 虽然我们熟记于心, 写出来也就是几十秒的事, 但由于每个文件中都需要写, 就会耗费我们比较多的时间, 最主要的是没有任何意义.

举例: React中的状态组件结构

importReactfrom'react'

exportdefault()=>{

return(

)

}

对于React开发人员, 这是在熟悉不过的东西, 而且每个文件都要写. 所以我们需要解决这个问题

解决:

我们可以在vscode中下载插件:ES7 React/Redux/GraphQL/React-Native

这个插件可以帮助我们快速的生成代码块.

我们可以在组件文件中输入 rcc就会生成以下代码

importReact, {Component}from'react'

exportdefaultclassTestPluginextendsComponent{

render() {

return(

)

}

}

rcc表示: react class component 有状态组件

rfc表示:react function component 无状态组件

视频:

大家也可以通过视频来观看具体实现的步骤, 在这里需要跟大家强调一下, 视频的总大小在10M左右(相当于你给别人发5张图片), 所以大家可以参考是否需要流量观看!