广告:
如果大家喜欢我们的内容, 请关注微信公众号: 米修在线
如果大家有好的想法和建议, 也请微信联系我, 我会将你的想法和建议录制成视频或者图文分享给更多的人!
痛点:
在开发过程中, 我们经常会写很多结构性的东西, 虽然我们熟记于心, 写出来也就是几十秒的事, 但由于每个文件中都需要写, 就会耗费我们比较多的时间, 最主要的是没有任何意义.
举例: 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张图片), 所以大家可以参考是否需要流量观看!
领取专属 10元无门槛券
私享最新 技术干货