Javascript 警告：此浏览器中无法识别标记

我正在用React创建一个网站，它有一个简单的搜索引擎，可以搜索一些包含信息的卡片。在Card.js文件中，我包含了一个带有名称的h2标记和一个带有电子邮件的p2标记。遵守网站后，会出现以下错误消息：

index.js:1375 Warning: The tag <p2> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
    in p2 (at Card.js:9)
    in div (at Card.js:7)
    in div (at Card.js:5)
    in Card (at CardList.js:10)
    in div (at CardList.js:6)
    in CardList (at App.js:28)
    in div (at App.js:25)
    in App (at src/index.js:9)

Tried changing the p2 tag to "P2" but it does not compile.

Card.js file:

import React from 'react';

const Card = ({name, email, id}) => {
    return (
        <div className='tc bg-light-green dib br3 pa3 ma2 grow bw2 shadow-5'>
            <img alt='photos' src={`https://robohash.org/${id}?200x200`} />
            <div>
                <h2>{ name }</h2>
                <p2>{ email }</p2>
            </div>
        </div>
    );
}

export default Card;

HTML元素p2不存在。尝试只使用p

补充： 它可以处理纯html和css构建的静态内容，但这不是推荐的做法

检查：

---

有关此主题的更多信息：

通过添加不合格的元素以特殊方式扩展HTML或任何标记语言是一种不好的做法。将来，W3C可能会扩展到包括P2等元素。更好的做法是使用CSS类派生相同的结果：

<p>Normal content</p>
<p class="my-p2">P2 content</p>

我为W3c做出了贡献，我们极力劝阻人们以特别的方式扩展W3c标准的官方术语。如果必须对其进行扩展，请使用名称空间以避免将来发生以下冲突：

<my-namespace:p2>my P2 content</my-namespace:p2>

HTML中没有标记，只有简单的段落，但有如下标记：，