如何渲染react组件onClick？

import React from 'react';

const Button = () => {
  const handleClick = () => {
    console.log('Button clicked!');
  };

  return (
    <button onClick={handleClick}>
      Click me
    </button>
  );
};

export default Button;

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

const App = () => {
  return (
    <div>
      <h1>React Button Example</h1>
      <Button />
    </div>
  );
};

export default App;

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));