学习
实践
活动
工具
TVP
写文章

一分钟教学:快速生成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张图片), 所以大家可以参考是否需要流量观看!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180706G0IADP00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注腾讯云开发者

领取腾讯云代金券