Reactjs 我可以给组件中的元素命名吗？

如果我有应用程序组件，就像这样

    const App = () => {
         return(
            <div>
                <p>hello world</p>
             </div>)}

const-App=（）=>{
返回(
你好，世界

)}

我能像下面那样给div起个名字吗？它可以在浏览器中正常工作，但我不确定

      const App = () => {
           return(
                <whatever>
                     <p>hello world</p>
                </whatever>)}

const-App=（）=>{
返回(
你好，世界

)}

是的，您可以随意命名它们，人们通常会这样做，这样标记更易于阅读和理解。例如，将他们的小部件注入到您的网站中，如果您查看它的标记，它具有类似

的元素

只需检查浏览器对这些自定义HTML标记的支持，我认为大多数主要的HTML标记都支持它，但为了安全起见。

是的，您可以。但是：

如果要使用React，请不要将div的名称大写为：

，因为它似乎会认为这是另一个组件

当你的项目越来越大时，它会变得越来越复杂，所以用它们的名字写标签是一个很好的做法

可能重复的