我如何用情感来书写MUI5工具提示呢？

Question

我阅读了https://stackoverflow.com/a/69821680/239879并尝试了styled方法。我有：

import * as React from 'react';
import { styled } from '@mui/material/styles';
import Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';


const ToBeStyledTooltip = ({ className, ...props }: TooltipProps) => (
  <Tooltip { ...props } classes = {{ tooltip: className }} />
);
const StyledTooltip = styled(ToBeStyledTooltip)(({ theme }) => ({
  backgroundColor: '#f5f5f9',
  color: 'rgba(0, 0, 0, 0.87)',
  maxWidth: 220,
  border: '1px solid #dadde9',
}));

但是TypeScript给了我一个错误：

'Tooltip' refers to a value, but is being used as a type here. Did you mean 'typeof Tooltip'?

当我做build时，我得到：

10:11  Error: Parsing error: '>' expected.

不知道我的设置有什么不同。任何帮助都将不胜感激。

Answer 1

确保你在.tsx或.jsx文件上，而不是.ts, .js文件上-