React 根據 組件名稱動態加載組件

const Component = ({ is, children, ...restProps }) => {
  const Tag = require("antd")[is];

  if (!Tag) return false;

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

export default Component;

　　

<Component
          is="Switch"
          checkedChildren="開啟"
          unCheckedChildren="關閉"
          defaultChecked
          onClick={() => console.log(222)}
        >
          122
        </Component>