在React路由器中使用渲染道具时，在组件中未定义道具

import React from 'react';
import PropTypes from 'prop-types';

const MyComponent = ({ prop1, prop2 }) => {
  // 设置默认值或使用条件渲染
  const defaultValue = prop1 || 'Default Value';
  const renderContent = prop2 ? <div>{prop2}</div> : null;

  return (
    <div>
      <p>{defaultValue}</p>
      {renderContent}
    </div>
  );
};

MyComponent.propTypes = {
  prop1: PropTypes.string,
  prop2: PropTypes.string.isRequired,
};

export default MyComponent;