写一个react-button组件

以下是一个简单的React Button组件的实现：

import React from 'react';

const Button = ({ onClick, className, children }) => (
  <button onClick={onClick} className={className}>
    {children}
  </button>
);

export default Button;

在这个组件中，我们使用了一个无状态函数组件，它接受三个属性：

• onClick: 点击按钮时要执行的函数
• className: 用于设置按钮的类名
• children: 用于在按钮中显示文本或其他组件

在组件的实现中，我们只需要在按钮元素上绑定onClick和className属性，并在按钮内部显示children属性。这样，我们就可以使用这个组件来创建各种类型的按钮，如下所示：

import React from 'react';
import Button from './Button';

const Example = () => (
  <div>
    <Button onClick={() => console.log('Clicked!')} className="primary">
      Click Me
    </Button>
    <Button onClick={() => alert('Hello world!')} className="secondary">
      Say Hello
    </Button>
  </div>
);

export default Example;

在这个示例中，我们使用了我们刚刚创建的Button组件来创建两个不同的按钮。第一个按钮具有primary类，第二个按钮具有secondary类。每个按钮都有一个onClick属性，当用户点击按钮时，它将触发相应的处理程序函数。