如何将位或字符串替换为React组件、react-router-dom Link或锚标记<a></a>

import React from 'react';
import { Link } from 'react-router-dom';

const MyComponent = ({ type, href, children }) => {
  switch (type) {
    case 'component':
      return <div>{children}</div>; // 这里可以是任何React组件
    case 'link':
      return <Link to={href}>{children}</Link>;
    case 'anchor':
      return <a href={href}>{children}</a>;
    default:
      return null;
  }
};

const App = () => {
  return (
    <div>
      <MyComponent type="component">这是一个React组件</MyComponent>
      <MyComponent type="link" href="/some-path">这是一个Link组件</MyComponent>
      <MyComponent type="anchor" href="https://example.com">这是一个锚标记</MyComponent>
    </div>
  );
};

export default App;