'rafce' React.js shortcut not working in VSCode

I'm new to Coding and I thought of following a freecodecamp.org tutorial on YouTube. I am following the video and the instructor used a shortcut in VSCode which looked like this rafce and then it turned into like this

 const Header = () => { return ( <div className='header'> <span className='title'>Word Hunt</span> </div> ) } export default Header 

I am using VSCode aswell. What is the problem? How do I fix it?

Regards

2 Answers

You need to install the React snippets extension in VSCode

After you add the extension, restart VsCode and try Again.

Search for 'ES7' in the extension search bar. install 'ES7 React/Redux/React-native snippets' extension from there. now you can use that shortcut.