如何将多个参数解析为无状态组件？

import React from 'react';

function MyComponent({ name, age, onClick }) {
  return (
    <div onClick={onClick}>
      <h1>{name}</h1>
      <p>Age: {age}</p>
    </div>
  );
}

export default MyComponent;

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

function App() {
  const handleClick = () => {
    alert('Clicked!');
  };

  return (
    <div>
      <MyComponent name="John Doe" age={30} onClick={handleClick} />
    </div>
  );
}

export default App;

function App() {
  const handleClick = () => {
    alert('Clicked!');
  };

  return (
    <div>
      <MyComponent name="John Doe" age={30} onClick={handleClick} />
    </div>
  );
}