‹ 返回课程

React 组件

编程代码 · HTML/CSS

💡 React 函数组件：接收 props 参数，返回 JSX 元素
export default function Button({ label, onClick }) {↵// 导出默认函数组件，用解构接收 props
  return (↵// return 返回 JSX（类似 HTML 的模板语法）
    <button↵// <button> HTML 按钮元素
      className="px-4 py-2 bg-blue-500 text-white"↵// className 设置 Tailwind CSS 样式类
      onClick={onClick}↵// onClick 绑定点击事件处理函数
    >↵// 闭合标签的 >
      {label}↵// {label} 渲染传入的按钮文字
    </button>↵// 关闭 button 标签
  );↵// 关闭 return 的括号
}// 组件函数结束
0 字/分0% 准确
🐵
e左手中指
ESC 暂停⌫ 退格