react 自定义标签

React 允许我们创建自定义标签（也称为自定义组件），以便在应用程序中复用代码和逻辑。要创建一个自定义标签，我们需要定义一个类或函数组件，并将其导出以供其他地方使用。

这里是一个示例，展示如何创建一个简单的自定义标签：

import React from 'react';

// 类组件的方式
class CustomTag extends React.Component {
  render() {
    return <div>这是一个自定义标签</div>;
  }
}

// 函数组件的方式
function CustomTag() {
  return <div>这是一个自定义标签</div>;
}

export default CustomTag;

在上面的示例中，我们创建了一个名为 `CustomTag` 的自定义标签。我们可以在其他组件中像使用内置标签一样使用它：

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

function App() {
  return (
    <div>
      <h1>我的应用程序</h1>
      <CustomTag />
    </div>
  );
}

export default App;

在上面的示例中，我们将 `CustomTag` 标签放在 `App` 组件中，并在页面上显示出来。这样，我们就可以在应用程序的其他地方多次使用 `CustomTag` 标签了。

希望这个示例能帮助你理解如何在 React 中创建自定义标签！