Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>create react fc componentNew to Visual Studio Code? Get it now.
create react fc component

create react fc component

BarrySong4Real

|
387 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Create TS FC React Component

This is an extension which create a ts fc component like below:

import React, { FC } from 'react';
export interface ComponentNameProps {

}
const ComponentName: FC = () => {
return (
  <div>
    Hello ComponentName
  </div>
);
};

export default ComponentName;

createcomponent now only supporting one naming type like component-name, it can be created by snippets rtfc createcomponent

And also supporting some antd component and ahooks snippets createcomponent createcomponent ``

ahooks snippets

Prefix Snippet
ui useInterval
uto useTimeout
ub useBoolean
uls useLocalStorageState
usz useSize

antd component snippets

Prefix Snippets
umv const [ModalVisible, setModalVisible] = useState(false);
amodal antd modal component
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft