欢迎来到我们 FOMO 摘要系列的第三部分,其中汇集了 WebStorm 和其他 JetBrains IDE 中最实用的有助于提升工作效率的提示。 今天,我们将介绍一些适用于处理 React 的最棒功能。 所有功能都在 JetBrains IDE 中开箱即用。
复制和粘贴时重新 React 化 HTML
我们从受到许多用户喜爱的超级实用小功能开始。
#WebStormTip – Pasting HTML into a React project will convert `class` into `className` 🤯
— alistair (@alistaiiiir) February 15, 2021
没错! 每当您将 HTML 代码粘贴到 React 组件中时,IDE 都会自动进行转换,使其遵循正确的 React 约定。
在此示例中,class 被转换为 className。 IDE 还将转换事件处理程序,例如将 onclick 更改为 onClick。 有关详情,请参阅我们文档中的将 HTML 特性传输到 JSX部分。
提取 React 组件
您是否在想办法实现 React zen 和组件驱动型应用程序的承诺? 创建组件型驱动应用程序的过程相当繁琐:需要移动 JSX、识别必要 props(可能带有类型)、调用新组件等。
把这项工作交给 IDE 吧!