将工具提示添加到输入原因‘`findDOMNode’在StrictMode`‘error - Ant设计中被废弃
将工具提示添加到输入原因‘`findDOMNode’在StrictMode`‘error - Ant设计中被废弃
提问于 2022-01-12 16:23:45
我想在输入字段中添加一个工具提示。为此，我将输入字段包装在工具提示中，并按预期显示。但是，当我悬停在上面时，它会发出警告。
工具提示/输入
<Tooltip title="Title">
<Input />
</Tooltip>警告
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Input which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
span
ClearableLabeledInput@http://localhost:3000/static/js/bundle.js:15995:90
Input@http://localhost:3000/static/js/bundle.js:16374:90
Trigger@http://localhost:3000/static/js/bundle.js:59906:92
Tooltip@http://localhost:3000/static/js/bundle.js:58900:26
./node_modules/antd/es/tooltip/index.js/Tooltip<@http://localhost:3000/static/js/bundle.js:20652:62我可以通过删除<React.StrictMode>来隐藏错误，但是我想修复这个错误。
这是adding中的一个bug，还是我添加的Tooltip不正确？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-12 16:50:37
这似乎是Ant设计组件的一个问题。例如，使用普通DOM <input>不会导致此错误。
话虽如此，解决方法是简单地将Ant的<Input>封装在一个普通的DOM元素中，比如<div>解析它：
<Tooltip title="prompt text">
<div>
<Input />
</div>
</Tooltip>您可以在这个沙盒中看到一个有用的示例
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70684982
复制相关文章
相似问题
腾讯云开发者
