🐛[BUG] Vscode报 “ThemeProvider”不能用作 JSX 组件 & 控制台报 Cannot read properties of undefined (reading 'useToken')
consistent-k opened this issue · comments
🐛 bug 描述
![image](https://private-user-images.githubusercontent.com/67736912/247019300-6b0d9a97-14cc-4f6c-a95b-363fe85e12d4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2MDA4NzYsIm5iZiI6MTcyMDYwMDU3NiwicGF0aCI6Ii82NzczNjkxMi8yNDcwMTkzMDAtNmIwZDlhOTctMTRjYy00ZjZjLWE5NWItMzYzZmU4NWUxMmQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEwVDA4MzYxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5MjQxMGI1NzgxYzRiZmRkYTc1ZTY3YjY0MDY2MmU2MDA0NzFjOTQxNDM5OWI0MTEwZWEyYWI4OWIyYmVhODYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ow6XX6sjV5Xv03jqqrlOTnaTp9XebkT1510XLFSq3WU)
📷 复现步骤
🏞 期望结果
💻 复现代码
import { createStyles, ThemeProvider } from 'antd-style';
const useStyles = createStyles(({ stylish, cx, css, token }) => {
return {
btn: {
color: 'red'
}
};
});
const App = () => {
const { styles } = useStyles();
return (
<div className={styles.btn}>
按钮
</div>
);
};
export default () => {
return (
<ThemeProvider>
<App />
</ThemeProvider>
);
};
© 版本信息
- antd-style 版本: 3.3.0
- 浏览器环境 chrome
- 开发环境 Macos
🚑 其他信息
umi4框架 & antd4
不支持 antd 4,请升级到 antd v5 后再尝试使用
@BrettKimmons 给个复现demo