jsx 插入html代码,如何配置才能在react中使用jsx语法

如何配置才能在react中使用jsx语法

在react中使用jsx语法需要安装babel插件，它是一个能够将jsx语法转为js语法的插件。

1、安装babelcnpm i babel-core babel-loader babel-plugin-transform-runtime -Dcnpm i babel-preset-env babel-preset-stage-0 -D

2、安装能够识别转换jsx语法的包 babel-preset-reactcnpm i babel-preset-react -D

3、添加 .babelrc 配置文件{

"presets": ["env", "stage-0", "react"],

"plugins": ["transform-runtime"]

}

4、添加babel-loader配置项：module: { //要打包的第三方模块

rules: [

{ test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }

]

}

本文来自React答疑栏目，欢迎学习！