Javascript React JSX错误：标准html标记（<；p>；<；h1>；<；div>；）上未关闭的正则表达式

这个问题以前有人问过，有很多人都在写这个问题——但我花了2小时搜索，在任何地方都找不到一个简单的解释，所以我又问了一遍

生成因“React JSX error:Unclosed regular expression”而失败，并在每个关闭的div中标记“/”（因此

）。我试过把几乎所有的东西都包在div里，但都没用。标记错误似乎是一个很奇怪的地方

const Content = (props) => {
  return (
    <React.Fragment>
      <Container className="mt-5">
      <h1>The World Needs something:</h1> 
        <h3>Short</h3> 
      </Container> 

    </React.Fragment>
  );
};

export default Content;

const Content=（道具）=>{
返回(
世界需要一些东西：
短
);
};
导出默认内容；

---

我还创建了一个JSFIDLE where标记问题，但是无论我搜索了多少次，我都找不到如何修复它。我是个新来的反应者，所以像我五岁那样解释一下就好了。此外，它还将有助于确保将来的任何人都能理解如何解决此问题。

您被赋予react js标记，但看起来您将react js web和react native混合使用。 如果您正在使用React native，请删除h1和h3并使用

---

如果你真的这么做了，就把碎片和容器拿出来，然后贴上离婚标签。我已经把每个人和我自己都带上了白费力气。网站早些时候坏了，但我一定是在加载缓存版本

我不知道为什么它会在JSFIDLE上标记一个错误，但现在它在我们的站点上可以正常加载了

---

很抱歉给您带来麻烦，但感谢您的回复

您如何对该文件进行后期处理？该文件是否具有.jsx扩展名？h1不是div！