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

Nginx domain name SSL certificate configuration (website http upgraded to https)

Problems and solutions of using jsx syntax in React-vscode

Problem Description

Workaround

Nginx domain name SSL certificate configuration (website http upgraded to https)

VMware vsphere 6.5 installation tutorial (picture and text)

Alibaba Cloud Server Ubuntu Configuration Tutorial

Use personalized search engines to find the personalized information you need

Create a screen recording function with JS

The difference between GB2312, GBK and UTF-8 in web page encoding

How to run nginx in Docker and mount the local directory into the image

Web Design Tutorial (4): About Materials and Expressions

Sample code for modifying the input prompt text style in html

JavaScript implements fireworks effects with sound effects

Recommend

Use Docker Compose to quickly deploy ELK (tested and effective)

Commonly used English fonts for web page creation

MySQL 8.0.14 installation and configuration method graphic tutorial

Docker implements re-tagging and deleting the image of the original tag

JS implements simple addition and subtraction of shopping cart effects

MySQL 5.7.20 installation and configuration method graphic tutorial (win10)

Implementation of HTTP and HTTPS services with Nginx reverse proxy for multiple domain names

Vue Element front-end application development dynamic menu and routing association processing

Detailed explanation of the use of CSS pointer-events attribute

js to achieve image fade-in and fade-out effect

Several ways to implement "text overflow truncation and omission" with pure CSS

How to use JS to parse the excel content in the clipboard

Detailed explanation of how MySQL determines whether an InnoDB table is an independent tablespace or a shared tablespace

Detailed explanation of using top command to analyze Linux system performance

Detailed explanation of using Docker to quickly deploy the ELK environment (latest version 5.5.1)