React中的循环，如何从子组件获取prop.username

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const users = [
      { id: 1, username: 'user1' },
      { id: 2, username: 'user2' },
      { id: 3, username: 'user3' }
    ];

    return (
      <div>
        {users.map(user => (
          <ChildComponent key={user.id} username={user.username} />
        ))}
      </div>
    );
  }
}

export default ParentComponent;

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.username}</div>;
  }
}

export default ChildComponent;