如何为React类组件声明其他属性？

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const { extraProp, ...otherProps } = this.props;

    return (
      <div>
        <p>Extra Prop: {extraProp}</p>
        <p>Other Props:</p>
        <ul>
          {Object.entries(otherProps).map(([key, value]) => (
            <li key={key}>{`${key}: ${value}`}</li>
          ))}
        </ul>
      </div>
    );
  }
}

export default MyComponent;

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

const App = () => {
  const props = {
    extraProp: 'Extra Property',
    name: 'John Doe',
    age: 25,
    gender: 'male',
  };

  return <MyComponent {...props} />;
};

export default App;