ReactJS -如何动态创建标签？

import React from 'react';

function DynamicTag({ tagName, attributes, children }) {
  const Tag = tagName; // 使用标签名作为组件名

  return <Tag {...attributes}>{children}</Tag>;
}

export default DynamicTag;

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

function App() {
  return (
    <div>
      <DynamicTag tagName="h1" attributes={{ className: 'title' }}>
        Hello, React!
      </DynamicTag>
      <DynamicTag tagName="p" attributes={{ style: { color: 'red' } }}>
        This is a dynamic paragraph.
      </DynamicTag>
    </div>
  );
}

export default App;