反应中的控制台错误：<反应片段 /> 使用了不正确的大小写

Question

将多个dom元素封装在react片段中，以使单个render语句能够返回所有元素。返回错误：

Warning: <reactFragment /> is using incorrect casing. 
Use PascalCase for React components, or lowercase for HTML elements.

和错误

Warning: The tag <reactFragment> is unrecognized in this browser. 
If you meant to render a React component, start its name with an uppercase letter.

Answer 1

使用

import React, { Fragment } from "react";

并将您的<reactFragment />替换为<Fragment />。这应该会清理你的代码并帮助你完成任务。

Answer 2

您可以使用<React.Fragment>...</React.Fragment>，从react导入Fragment并使用<Fragment>...</Fragment>，或者像我一样，您可以简单地使用<>...</>。

Answer 3

用<React.Fragment>替换<reactFragment>

也可以使用缩写标签<Fragment>或者简单地<>...</>

(别忘了导入Fragment(