Problems and solutions of using jsx syntax in React-vscode

Problems and solutions of using jsx syntax in React-vscode

Problem Description

After installing the plugin ES7 React/Redux/GraphQL/React-Native snippets is still not fully supported

insert image description here

So I referred to the blog and came up with my solution

Workaround

Open settings and search includeLanguages

insert image description here

The search results are as follows (this wxml is the WeChat wxml I set up before as HTML to support emmet syntax)
Click to add itemjavascript :javascriptreact

insert image description here

Just fill in this item, and you will find that he wrote "javascript": "javascriptreact" on it, which is similar to the blog I referenced

insert image description here

That's it!

The above is the detailed content of the problems and solutions of using jsx syntax in React-vscode. For more information about React-vscode jsx syntax, please pay attention to other related articles on 123WORDPRESS.COM!

You may also be interested in:
  • Detailed explanation of incompatible changes in rendering functions in Vue3
  • Detailed explanation of the use of Vue rendering function render
  • Detailed explanation of Vue rendering function
  • How to use jsx syntax correctly in vue
  • Example of using JSX to build component Parser development
  • How to use JSX to implement Carousel components (front-end componentization)
  • Specific use of Vue component jsx syntax
  • Vue jsx usage guide and how to use jsx syntax in vue.js
  • Detailed explanation of how Vue supports JSX syntax
  • Rendering Function & JSX Details

<<:  Mysql view the maximum number of connections and modify the maximum number of connections

>>:  How to install the graphical interface in Linux

Recommend

Optimizing the slow query of MySQL aggregate statistics data

Written in front When we operate the database in ...

Teach you how to deploy Vue project with Docker

1.Write in front: As a lightweight virtualization...

Detailed explanation of how to use eslint in vue

Table of contents 1. Description 2. Download rela...

Docker volume deletion operation

prune To use this command, both the client and da...

Using jQuery to implement the carousel effect

This article shares the specific code for impleme...

Use @font-face to implement special characters on web pages (create custom fonts)

A few days ago, I wrote an article about using CS...

Native js implementation of slider interval component

This article example shares the specific code of ...

How to make form input and other text boxes read-only and non-editable in HTML

Sometimes, we want the text boxes in the form to b...

About the problem of dynamic splicing src image address of img in Vue

Let's take a look at the dynamic splicing of ...

Vue implements login type switching

This article example shares the specific code of ...

Implementation of React virtual list

Table of contents 1. Background 2. What is a virt...

Detailed explanation of JavaScript to monitor route changes

Table of contents history pushState() Method push...

TypeScript namespace explanation

Table of contents 1. Definition and Use 1.1 Defin...

How to modify mysql permissions to allow hosts to access

Enable remote access rights for mysql By default,...

Vue uses element-ui to implement menu navigation

This article shares the specific code of Vue usin...