Javascript 在React中HTML标记与React组件性能

如果我转换react组件中的所有html标记呢 例如html按钮：

Test

转换为纯组分

 export default function Button({type, text, onClick}) {
   return <button type={type} onClick={onClick}>{text}</button>
 } 

导出默认功能按钮（{type，text，onClick}）{
返回{text}
} 

---

使用1000次。应用程序性能有什么优势吗

如果按钮或html标记中有任何行为，则应创建单独的组件。除非不需要创建组件并且不会影响性能。

如果按钮或html标记中有任何行为，则应创建单独的组件。除非不需要创建组件，而且不会影响性能。

对不起，这是一个假设的还是真实的场景？显然，在react项目中，我们使用了许多按钮和其他html标记，但哪种方法对应用程序性能和大小更有利？很显然，这是一个假设的还是真实的场景，在react项目中，我们使用了许多按钮和其他html标记，但哪种方法对应用程序性能和大小更有利？您可以解释一下，如何？谢谢你能给我解释一下吗？谢谢