material-ui [选择][材料-UI]使用notched属性在Chrome DevTools中导致控制台警告

hfwmuf9z 于 6个月前发布在其他

关注(0)|答案(9)|浏览(52)

重复问题

我已搜索现有的问题

重现步骤 🕹

链接以重现：
https://codesandbox.io/s/happy-beaver-xgjdhr?file=/App.tsx

当前行为 😯

当尝试为Select组件添加切口属性时，它会在devtools中产生警告

Warning: Received `true` for a non-boolean attribute `notched`.

If you want to write it to the DOM, pass a string instead: notched="true" or notched={value.toString()}.
    at div
    at https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:4564:46
    at InputBase2 (https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:27248:17)
    at Input4 (https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:38695:17)
    at https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:4564:46
    at Select4 (https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:45890:17)
    at div
    at https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:4564:46
    at FormControl4 (https://29yz35-5173.csb.app/node_modules/.vite/deps/@mui_material.js?v=313a1fab:35518:17)
    at DropdownList (https://29yz35-5173.csb.app/src/DropdownList.tsx:12:32)
    at div
    at App (https://29yz35-5173.csb.app/src/App.tsx?t=1692266366182:16:47)

预期行为 🤔

它不应该显示红色警告

上下文 🔦

无响应*

你的运行环境 🌎

npx @mui/envinfo

Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

material-ui

来源：https://github.com/mui/material-ui/issues/38512

9条答案

按热度按时间

quhf5bfb1#

你链接的代码沙盒无法加载，并在控制台(除了你报告的错误之外)抛出错误。
我创建了另一个(不使用项目),但它似乎运行良好：https://codesandbox.io/s/friendly-chatterjee-423hmm?file=/DropdownList.tsx
你能帮我看看是否遗漏了什么吗？

赞(0）回复(0）举报 6个月前

kg7wmglp2#

你链接的代码沙盒无法加载，并在控制台(除了你报告的错误之外)抛出错误。我创建了另一个(不使用项目),但似乎运行良好：https://codesandbox.io/s/friendly-chatterjee-423hmm?file=/DropdownList.tsx。你能帮我检查一下是否遗漏了什么吗？

你好，
我已经在github issue中更新了codesandbox:https://codesandbox.io/s/happy-beaver-xgjdhr?file=/App.tsx。
我也尝试测试你的代码沙盒并稍作修改，但它仍然在devtools中显示警告信息。
你可以在以下图片中看到这个警告。