先上一段代码：
代码语言：javascript复制<div id="example">
</div
function HelloMessage(props1) {
return (<h1>Hello {props1.name}!</h1>);
}
const element = <HelloMessage name="maomin"/>;
ReactDOM.render(
element,
document.getElementById('example')
);页面：
但是如果你想在下面写一段话：“I am your grilfriend!” 是这样写吗？
代码语言：javascript复制return (
<h1>Hello {props1.name}!</h1>
<h1>I am your grilfriend!</h1>
);但是这样出来就会报错： 报错
所以我们这样处理：
代码语言：javascript复制 return (
<div>
<h1>Hello {props1.name}!</h1>
<h1>I am your grilfriend!</h1>
</div>
);你还可以使用<React.Fragment>
代码语言：javascript复制 return (
<<React.Fragment>>
<h1>Hello {props1.name}!</h1>
<h1>I am your grilfriend!</h1>
</<React.Fragment>>
);更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/119882835
