路由器以意外的顺序呈现组件并导致proptype警告

MyComponent.defaultProps = {
  myProp: 'defaultValue'
};

import PropTypes from 'prop-types';

MyComponent.propTypes = {
  myProp: PropTypes.string.isRequired
};

// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent({ data }) {
  return (
    <div>
      {data.map((item, index) => (
        <ChildComponent key={index} item={item} />
      ))}
    </div>
  );
}

export default ParentComponent;

// ChildComponent.js
import React from 'react';
import PropTypes from 'prop-types';

function ChildComponent({ item }) {
  return <div>{item.name}</div>;
}

ChildComponent.propTypes = {
  item: PropTypes.shape({
    name: PropTypes.string.isRequired
  }).isRequired
};

export default ChildComponent;