npm i react-syntax-highlighter

import SyntaxHighlighter from 'react-syntax-highlighter';
import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
const Component = () => {
  const codeString = '(num) => num + 1';
  return (
    <SyntaxHighlighter language="javascript" style={docco}>
      {codeString}
    </SyntaxHighlighter>
  );
};

npm i react-copy-to-clipboard

import { CopyToClipboard } from 'react-copy-to-clipboard';

<CopyToClipboard
  text={dataType}
  onCopy={() => {
    message.success('复制成功');
  }}
>
  <a>
    <CopyOutlined />
  </a>
</CopyToClipboard>;