在webpack.config.js中配置解析的loader
{
test:/\.jsx?$/,
use:{
loader:"babel-loader",
options:{
presets:["@babel/env","@babel/react"]
}
}
},
let array=[] array.push(<div>aaaa<div>bbbbbb</div></div>)
function formatName(user) {
//将参数合并成一个srting
return user.firstName + ‘ ‘ + user.lastName;
}
//创建user对象
const user = {
firstName: ‘Harper‘,
lastName: ‘Perez‘
};
//创建element对象，并用JSX语法标识为一个html内容。
//h1标签中会包含方法计算之后的内容
const element = (
<h1>
Hello, {formatName(user)}!
</h1>
);
ReactDOM.render(
element,
document.getElementById(‘root‘)
);
const element = <h1>Hello, world!</h1>;
ReactDOM.render( element, document.getElementById(‘root‘) );
原文：https://www.cnblogs.com/wyryuebanwan/p/10333481.html