'Rafce' React. Js Shortcut Not Working in Vscode

'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

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Elena Rostova
Author

Elena Rostova

Elena Rostova holds a Master's degree in Public Health Journalism. She covers groundbreaking medical research, holistic wellness trends, mental health awareness, and nutritional science.