有时候你想快速从无状态组件转到有状态组件,我想是否有办法让IntelliJ为我做这个(没有创建插件).
例如,从:
const Stateless = ({ propsDestructuring }) => { console.log('Some logic'); return ( <div>Some JSX</div> ); };
至:
class Stateful extends Component { render() { const { propsDestructuring } = this.props; console.log('Some logic'); return ( <div>Some JSX</div> ); } }
或者从“箭头体型”到显式返回也是有用的,例如,来自
const Stateless = ({ propsDestructuring }) => ( <div>Some JSX</div> );
至:
const Stateless = ({ propsDestructuring }) => { return ( <div>Some JSX</div> ); };
使用实时模板在这种情况下不起作用,因为它们不能改变现有代码,只能插入新代码.有什么建议?
你可以从:
const Stateless = ({ propsDestructuring }) => ( <div>Some JSX</div> );
至:
const Stateless = ({ propsDestructuring }) => { return ( <div>Some JSX</div> ); };
将文本光标放在这里:
const Stateless = ({ propsDestructuring }) => ( -----------------------------------------^-----
然后按alt-enter以获得以下弹出窗口:
再次按Enter键选择最高结果,它将转换为带括号的箭头功能.
关于类转换的功能,据我所知,没有办法做到这一点,但你总是可以尝试使用find和replace来转换:
const (.*) = \(.*\) => \{
至:
class $1 extends React.Component {
如果将其记录到宏中,它应该加快操作速度.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。