Built-in snippet not working in VS Code for React

If on windows, use -rfce instead of _rfce. This worked for me!

Those React snippets what you are talking about are not built-in, those snippets are coming from an extension. That extension stopped working for you because you may change some of your settings.

1. Make sure you have installed the extension and enabled. Also that: you are working in a file which has the proper file extension (try: .jsx & .tsx).
2. If they are still not working (which was the case at me also), check your settings, because some of the settings can interfere, and make the extension stop working.
3. Open settings.json by: CTRL + SHIFT + p , type: settings.json, select: "Open settings (JSON)"
4. Check in the settings.json file if the following settings are different than mine:

    "editor.snippetSuggestions": "top",     /*make sure this is NOT "none"*/
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.quickSuggestions": {
      "other": true,
      "comments": false,
      "strings": true
    },
    "editor.wordBasedSuggestions": true,
    "html.suggest.html5": false,
    "typescript.suggest.paths": false,
    "javascript.suggest.paths": false,

As a fast experiment you can copy the whole code, paste it at the end of the settings.json, save it, restart VSC, and try it out if now the snippets are working.
If it solved your issue, you can sort the commands one-by-one out, to find out which caused the issue of yours.

I went through the same thing. You can try uninstalling and then installing the extension again

1. It might not work, if you use the same file name like Rfce.js
2. Ensure that the file has extension js, ts etc.,
3. Uninstalling and installing React snippet from VSCode Extension might work.
4. Go to Preference - Settings - Extensions - Search for React Snippet and check if the values are correctly checked in.

I think you unfortunately uninstall it.

you have to install.

ES7+ React/Redux/React-Native snippets

in visual studio. Hope it works

1. Delete Corrupted Extension Folder

   Navigate to the extensions directory:

• Windows: C:\Users<username>.vscode\extensions
• Linux/macOS: ~/.vscode/extensions
  Delete the folder named dsznajder.es7-react-js-snippets-4.4.3

2. Reinstall the Extension

• Search for ES7+ React/Redux/React-Native snippets and install it.

It seems like that React snippet is not working properly, try to download it manually and install it through the link to the vss file and now install from Vss option in the extension section

I had to uninstall the snippet extension I had which was:

React-Native/React/Redux snippets for es6/es7 v2.0.6 by: EQuimper

and I used the extension: ES7 React/Redux/GraphQL/React-Native snippets v1.9.3 by: rodrigovallades

Launch Quick Open:

• Linux: Ctrl+P
• macOS: ⌘P
• Windows: Ctrl+P

Paste the following command and press Enter:

ext install dsznajder.es7-react-js-snippets

My snippets worked as I thought they should once I fixed auto imports from this post by setting includePackageJsonAutoImports to always on. I used to have to type "-" before they would come up.

Visual Studio Code - Auto Imports / Quick Fix does not work

installing both worked for me: