React JSX 中的动态标签名称

使用React JSX时，我们经常需要根据不同的条件来渲染不同的组件。而在某些情况下，我们还可能需要动态地指定标签名称。幸运的是，React JSX提供了一种简单的方法来实现这一点。

jsx
import React from 'react';
const Button = ({ type, children }) => {
  const TagName = type;
  return {children};
};
export default Button;

jsx
import React from 'react';
import Button from './Button';
const App = () => {
  return (
    
      普通按钮
      提交按钮
      重置按钮
    
  );
};
export default App;