我如何用情感样式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文件-