React 中实现类似 Vue 模板标签 <template> 的方法

在 React 中，可以使用 Fragment 或者函数组件来实现类似于 Vue 中的'template'标签。

使用 Fragment 的方式如下：

import React, { Fragment } from 'react';

const App = () => {
  return (
    <Fragment>
      <span className='btn-send'>发送验证码</span>
    </Fragment>
  );
};

export default App;

使用函数组件的方式如下：

import React from 'react';

const ButtonTemplate = () => {
  return (
    <span className='btn-send'>发送验证码</span>
  );
};

export default ButtonTemplate;

然后在父组件中使用来引用这个模板组件。