时间戳

首页 > 解决方案 > HTML 标签与 React 中的 React 组件性能

javascript - HTML 标签与 React 中的 React 组件性能

问题描述

如果我转换反应组件中的所有 html 标记，例如 html 按钮：<button type="button">Test </button> 转换为反应纯组件

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

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

标签： javascriptreactjs

解决方案

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

推荐阅读