如果你要传递 key 给一个 ,你不能使用 <>…</>,你必须从 ‘react’ 中导入 Fragment 且表示为…。
当你要从 <></> 转换为 [] 或 <></> 转换为 ,React 并不会重置 state。这个规则只在一层深度的情况下生效,如果从 <><></></> 转换为 则会重置 state。在这里查看更详细的介绍。
返回多个元素
**
function Post() {
return ( <> </> );}
**
分配多个元素给一个变量
**
function CloseDialog() {
const buttons = (
<>
</>
);
return (
Are you sure you want to leave this page?
);
}
**
组合文本与组件
**
function DateRangePicker({ start, end }) {
return (
<>
From
to
</>
);
}
**
渲染 Fragment 列表
**
function Blog() {
return posts.map(post =>
);
}
**