重复问题
- 我搜索了现有的问题
最新版本
- 我测试了最新版本
重现步骤 🕹
链接到实时示例： https://stackblitz.com/edit/react-hbyt9f-iryn4i?file=Demo.tsx
我为单选按钮创建了新的大小，大尺寸，但我在Chrome开发者控制台中收到了警告。这似乎是因为这行代码引起的。
这是警告：
react.development.js:209 Warning: Failed prop type: Invalid prop `fontSize` of value `large` supplied to `RadioButtonIcon`, expected one of ["small","medium"].
at RadioButtonIcon (http://localhost:5173/node_modules/.vite/deps/chunk-HMV62V6O.js?v=72451cad:130:5)
at Radio2 (http://localhost:5173/node_modules/.vite/deps/chunk-HMV62V6O.js?v=72451cad:240:17)
at label我已经创建了一个Stackblitz实时演示，以便您可以查看它。
当前行为 😯
它在控制台中显示警告
预期行为 🤔
它应该接受自定义大小而不显示警告。
上下文 🔦
- 无响应*
您的环境 🌎
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
3条答案
按热度按时间2j4z5cfb1#
你可以设置自定义大小，请查看这个链接：https://mui.com/material-ui/react-radio-button/#size
第三个单选按钮是自定义大小的。
uidvcgyl2#
感谢你的回复，但这不是我想要的。我想通过主题更改它，并将size="large"作为prop传递。如果你查看stackblitz,你会发现我已经实现了它，但我收到了警告。
wgx48brx3#
嘿，@mbehtemam-dsv,谢谢你的报告！
正如你提到的，警告来自这里，因为大小属性被转发到这里。图标看起来很大，是因为大小属性最终在这里。实际上，它可以在不使用任何自定义代码的情况下正常工作：example 。
目前这个警告可以忽略。我们应该消除它，所以我将其添加到v7里程碑中，因为我们将在那个版本的设计更新中进行处理。我们现在不做，因为有解决方法，比如@PunitSoniME提到的那个。