Question

这个问题以前曾被问过，并且有很多人在写这个问题-但是经过2个小时的搜索，我在任何地方都找不到简单的解释，所以我再问一次。

该构建因“ React JSX错误：未封闭的正则表达式”而失败，并在每个封闭的div中标记了“ /”（因此</h1>）。我试过将几乎所有内容都包装在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;

我还创建了一个jsfiddle来标记问题，但是无论我搜索了多少我都找不到解决方法。我对React还是相当陌生，所以像我使用五种格式一样进行解释。此外，这还将有助于确保将来的任何人都可以了解如何解决此问题。

Answer 1

给您的标签是reactjs，但看起来您混合了react js Web和react native。如果您使用的是React native，请删除h1和h3并使用https://react-native-training.github.io/react-native-elements/docs/text.html#h1 如果您要进行反应，请移除碎片和容器并放置离婚标签

Answer 2

我带领所有人和我自己进行一次野鹅追逐。该网站较早中断，但我必须一直在加载缓存的版本。

我不知道为什么它会在jsfiddle上标记错误，但是现在在我们的网站上可以正常加载。

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

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

2 个答案: