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 暂停⌫ 退格