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

Inspiring Design Examples of Glossy and Shiny Website Design

Problems and solutions of using jsx syntax in React-vscode

Problem Description

Workaround

Inspiring Design Examples of Glossy and Shiny Website Design

Implementation of mysql using mysqlbinlog command to restore accidentally deleted data

NULL and Empty String in Mysql

An example of the calculation function calc in CSS in website layout

Analysis of the Principle and Method of Implementing Linux Disk Partition

Six ways to reduce the size of Docker images

Solution to the problem that Centos8 cannot install docker

HTML tag meta summary, HTML5 head meta attribute summary

Style trigger effect of web page input box

Ubuntu20.04 VNC installation and configuration implementation

Recommend

Centos7.5 configuration java environment installation tomcat explanation

MySQL implements string concatenation, interception, replacement, and position search operations

Basic tutorial on controlling Turtlebot3 mobile robot with ROS

Detailed explanation of grep and egrep commands in Linux

Mac node deletion and reinstallation case study

Nodejs converts JSON string into JSON object error solution

CenterOS7 installation and configuration environment jdk1.8 tutorial

MySQL 8.0.18 installation tutorial under Windows (illustration)

How to change the website accessed by http to https in nginx

Detailed explanation of Vue form event data binding

Vue realizes the progress bar change effect

How to use IDEA to configure tomcat and create JSP files

Font selection problem of copyright symbol in Html (how to make copyright symbol more beautiful)

CSS3 Tab animation example background switching dynamic effect

Detailed explanation of the usage and differences of MySQL views and indexes