Tooltip页面白板问题

最新推荐文章于 2023-06-26 15:01:23 发布
最新推荐文章于 2023-06-26 15:01:23 发布
阅读量1.7k 收藏
点赞数
分类专栏： antd 文章标签： Tooltip
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/boysky0015/article/details/81170303
版权 
render: (text,record)=>{
    return  <Tooltip title={text} placement="bottom">
                <div>{text.createDate}</div>
            </Tooltip>
}

大家能看出上面这段代码有什么问题么？
我当时没有看出来，主要是因为粗心。
上面这段代码在项目中运行之后，页面总是白板并且报以下错误。
错误摘要，真正的错误在后面，很长，很长。

index.js:2178 Warning: Failed prop type: Invalid prop `overlay` supplied to `Tooltip`.
index.js:2178 Warning: Failed prop type: Invalid prop `overlay` supplied to `Content`.

遇见下面这种问题，先不要看代码，看错误是什么，尽可能的去百度搜索。其实我觉得主要是看关键词。就像下面这个一看就与内容有关。因此立马就可以想到是我的title写错了。
正确的代码如下：

render: (text,record)=>{
        return  <Tooltip title={text.createDate} placement="bottom">
                    <div>{text.createDate}</div>
                </Tooltip>
}

两个差别就在title这里。这样细小的问题致命啊。所以做事需要细心。

完整错误的代码如下，仅供参考。

index.js:2178 Warning: Failed prop type: Invalid prop `overlay` supplied to `Tooltip`.
    in Tooltip (created by Tooltip)
    in Tooltip (at Bus.js:577)
    in td (created by TableCell)
    in TableCell (created by TableRow)
    in tr (created by BodyRow)
    in BodyRow (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)
    in ExpandableRow (created by Connect(ExpandableRow))
    in Connect(ExpandableRow) (created by BaseTable)
    in tbody (created by BaseTable)
    in table (created by BaseTable)
    in BaseTable (created by Connect(BaseTable))
    in Connect(BaseTable) (created by BodyTable)
    in div (created by BodyTable)
    in BodyTable (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in ExpandableTable (created by Connect(ExpandableTable))
    in Connect(ExpandableTable) (created by Table)
    in Provider (created by Table)
    in Table (created by LocaleReceiver)
    in LocaleReceiver (created by Table)
    in div (created by Spin)
    in AnimateChild (created by Animate)
    in div (created by Animate)
    in Animate (created by Spin)
    in Spin (created by Table)
    in div (created by Table)
    in Table (at Bus.js:937)
    in div (at Bus.js:935)
    in div (at Bus.js:891)
    in Bus (created by inject-Bus-with-StoreBus)
    in inject-Bus-with-StoreBus (created by Route)
    in Route (at index.js:67)
    in Switch (at index.js:66)
    in div (at index.js:65)
    in div (at index.js:59)
    in div (at index.js:57)
    in div (at index.js:55)
    in CustomerCenter (created by inject-CustomerCenter-with-StoreBus)
    in inject-CustomerCenter-with-StoreBus (created by Route)
    in Route (at routerMain.js:74)
    in Switch (at routerMain.js:72)
    in Router (created by BrowserRouter)
    in BrowserRouter (at routerMain.js:71)
    in div (at routerMain.js:69)
    in RouterMain (created by inject-RouterMain-with-StoreBus)
    in inject-RouterMain-with-StoreBus (at App.js:16)
    in div (at App.js:15)
    in App (at index.js:16)
    in Provider (at index.js:15)
index.js:2178 Warning: Failed prop type: Invalid prop `overlay` supplied to `Content`.
    in Content (created by Trigger)
    in Trigger (created by Tooltip)
    in Tooltip (created by Tooltip)
    in Tooltip (at Bus.js:577)
    in td (created by TableCell)
    in TableCell (created by TableRow)
    in tr (created by BodyRow)
    in BodyRow (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)
    in ExpandableRow (created by Connect(ExpandableRow))
    in Connect(ExpandableRow) (created by BaseTable)
    in tbody (created by BaseTable)
    in table (created by BaseTable)
    in BaseTable (created by Connect(BaseTable))
    in Connect(BaseTable) (created by BodyTable)
    in div (created by BodyTable)
    in BodyTable (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in ExpandableTable (created by Connect(ExpandableTable))
    in Connect(ExpandableTable) (created by Table)
    in Provider (created by Table)
    in Table (created by LocaleReceiver)
    in LocaleReceiver (created by Table)
    in div (created by Spin)
    in AnimateChild (created by Animate)
    in div (created by Animate)
    in Animate (created by Spin)
    in Spin (created by Table)
    in div (created by Table)
    in Table (at Bus.js:937)
    in div (at Bus.js:935)
    in div (at Bus.js:891)
    in Bus (created by inject-Bus-with-StoreBus)
    in inject-Bus-with-StoreBus (created by Route)
    in Route (at index.js:67)
    in Switch (at index.js:66)
    in div (at index.js:65)
    in div (at index.js:59)
    in div (at index.js:57)
    in div (at index.js:55)
    in CustomerCenter (created by inject-CustomerCenter-with-StoreBus)
    in inject-CustomerCenter-with-StoreBus (created by Route)
    in Route (at routerMain.js:74)
    in Switch (at routerMain.js:72)
    in Router (created by BrowserRouter)
    in BrowserRouter (at routerMain.js:71)
    in div (at routerMain.js:69)
    in RouterMain (created by inject-RouterMain-with-StoreBus)
    in inject-RouterMain-with-StoreBus (at App.js:16)
    in div (at App.js:15)
    in App (at index.js:16)
    in Provider (at index.js:15)
__stack_frame_overlay_proxy_console__ @ index.js:2178
printWarning @ warning.js:33
warning @ warning.js:57
checkPropTypes @ checkPropTypes.js:52
validatePropTypes @ react.development.js:1233
createElementWithValidation @ react.development.js:1321
Tooltip._this.getPopupElement @ Tooltip.js:35
getComponent @ index.js:610
render @ index.js:366
finishClassComponent @ react-dom.development.js:8389
updateClassComponent @ react-dom.development.js:8357
beginWork @ react-dom.development.js:8982
performUnitOfWork @ react-dom.development.js:11814
workLoop @ react-dom.development.js:11843
renderRoot @ react-dom.development.js:11874
performWorkOnRoot @ react-dom.development.js:12449
performWork @ react-dom.development.js:12370
performSyncWork @ react-dom.development.js:12347
requestWork @ react-dom.development.js:12247
scheduleWorkImpl @ react-dom.development.js:12122
scheduleWork @ react-dom.development.js:12082
enqueueSetState @ react-dom.development.js:6644
./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:238
Tooltip._this.onVisibleChange @ index.js:36
setPopupVisible @ index.js:157
(anonymous) @ index.js:168
setTimeout (async)
delaySetPopupVisible @ index.js:167
onMouseEnter @ index.js:439
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:201
executeDispatch @ react-dom.development.js:466
executeDispatchesInOrder @ react-dom.development.js:488
executeDispatchesAndRelease @ react-dom.development.js:586
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:597
forEachAccumulated @ react-dom.development.js:565
runEventsInBatch @ react-dom.development.js:728
runExtractedEventsInBatch @ react-dom.development.js:737
handleTopLevel @ react-dom.development.js:4201
batchedUpdates @ react-dom.development.js:12537
batchedUpdates @ react-dom.development.js:1939
dispatchEvent @ react-dom.development.js:4282
invariant.js:42 Uncaught Error: Objects are not valid as a React child (found: object with keys {397, 399, 505, 527, creatorName, key, tagName, customerId, siteId, userId, tag, visibleRange, permissionId, isUse, modifyUserid, modifyDate, createUserid, createDate}). If you meant to render a collection of children, use an array instead.
    in div (created by Content)
    in Content (created by Trigger)
    in div (created by LazyRenderBox)
    in LazyRenderBox (created by PopupInner)
    in div (created by PopupInner)
    in PopupInner (created by Popup)
    in Align (created by Popup)
    in AnimateChild (created by Animate)
    in Animate (created by Popup)
    in div (created by Popup)
    in Popup (created by Trigger)
    in Portal (created by Trigger)
    in Trigger (created by Tooltip)
    in Tooltip (created by Tooltip)
    in Tooltip (at Bus.js:577)
    in td (created by TableCell)
    in TableCell (created by TableRow)
    in tr (created by BodyRow)
    in BodyRow (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)
    in ExpandableRow (created by Connect(ExpandableRow))
    in Connect(ExpandableRow) (created by BaseTable)
    in tbody (created by BaseTable)
    in table (created by BaseTable)
    in BaseTable (created by Connect(BaseTable))
    in Connect(BaseTable) (created by BodyTable)
    in div (created by BodyTable)
    in BodyTable (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in ExpandableTable (created by Connect(ExpandableTable))
    in Connect(ExpandableTable) (created by Table)
    in Provider (created by Table)
    in Table (created by LocaleReceiver)
    in LocaleReceiver (created by Table)
    in div (created by Spin)
    in AnimateChild (created by Animate)
    in div (created by Animate)
    in Animate (created by Spin)
    in Spin (created by Table)
    in div (created by Table)
    in Table (at Bus.js:937)
    in div (at Bus.js:935)
    in div (at Bus.js:891)
    in Bus (created by inject-Bus-with-StoreBus)
    in inject-Bus-with-StoreBus (created by Route)
    in Route (at index.js:67)
    in Switch (at index.js:66)
    in div (at index.js:65)
    in div (at index.js:59)
    in div (at index.js:57)
    in div (at index.js:55)
    in CustomerCenter (created by inject-CustomerCenter-with-StoreBus)
    in inject-CustomerCenter-with-StoreBus (created by Route)
    in Route (at routerMain.js:74)
    in Switch (at routerMain.js:72)
    in Router (created by BrowserRouter)
    in BrowserRouter (at routerMain.js:71)
    in div (at routerMain.js:69)
    in RouterMain (created by inject-RouterMain-with-StoreBus)
    in inject-RouterMain-with-StoreBus (at App.js:16)
    in div (at App.js:15)
    in App (at index.js:16)
    in Provider (at index.js:15)
    at invariant (invariant.js:42)
    at throwOnInvalidObjectType (react-dom.development.js:7362)
    at reconcileChildFibers (react-dom.development.js:8129)
    at reconcileChildrenAtExpirationTime (react-dom.development.js:8240)
    at reconcileChildren (react-dom.development.js:8231)
    at updateHostComponent (react-dom.development.js:8539)
    at beginWork (react-dom.development.js:8986)
    at performUnitOfWork (react-dom.development.js:11814)
    at workLoop (react-dom.development.js:11843)
    at HTMLUnknownElement.callCallback (react-dom.development.js:100)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:138)
    at invokeGuardedCallback (react-dom.development.js:187)
    at replayUnitOfWork (react-dom.development.js:11318)
    at renderRoot (react-dom.development.js:11885)
    at performWorkOnRoot (react-dom.development.js:12449)
    at performWork (react-dom.development.js:12370)
    at performSyncWork (react-dom.development.js:12347)
    at requestWork (react-dom.development.js:12247)
    at scheduleWorkImpl (react-dom.development.js:12122)
    at scheduleWork (react-dom.development.js:12082)
    at Object.enqueueSetState (react-dom.development.js:6644)
    at Tooltip../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:238)
    at Object.Tooltip._this.onVisibleChange [as onPopupVisibleChange] (index.js:36)
    at Trigger.setPopupVisible (index.js:157)
    at index.js:168
invariant @ invariant.js:42
throwOnInvalidObjectType @ react-dom.development.js:7362
reconcileChildFibers @ react-dom.development.js:8129
reconcileChildrenAtExpirationTime @ react-dom.development.js:8240
reconcileChildren @ react-dom.development.js:8231
updateHostComponent @ react-dom.development.js:8539
beginWork @ react-dom.development.js:8986
performUnitOfWork @ react-dom.development.js:11814
workLoop @ react-dom.development.js:11843
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
replayUnitOfWork @ react-dom.development.js:11318
renderRoot @ react-dom.development.js:11885
performWorkOnRoot @ react-dom.development.js:12449
performWork @ react-dom.development.js:12370
performSyncWork @ react-dom.development.js:12347
requestWork @ react-dom.development.js:12247
scheduleWorkImpl @ react-dom.development.js:12122
scheduleWork @ react-dom.development.js:12082
enqueueSetState @ react-dom.development.js:6644
./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:238
Tooltip._this.onVisibleChange @ index.js:36
setPopupVisible @ index.js:157
(anonymous) @ index.js:168
setTimeout (async)
delaySetPopupVisible @ index.js:167
onMouseEnter @ index.js:439
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:201
executeDispatch @ react-dom.development.js:466
executeDispatchesInOrder @ react-dom.development.js:488
executeDispatchesAndRelease @ react-dom.development.js:586
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:597
forEachAccumulated @ react-dom.development.js:565
runEventsInBatch @ react-dom.development.js:728
runExtractedEventsInBatch @ react-dom.development.js:737
handleTopLevel @ react-dom.development.js:4201
batchedUpdates @ react-dom.development.js:12537
batchedUpdates @ react-dom.development.js:1939
dispatchEvent @ react-dom.development.js:4282
index.js:2178 The above error occurred in the <div> component:
    in div (created by Content)
    in Content (created by Trigger)
    in div (created by LazyRenderBox)
    in LazyRenderBox (created by PopupInner)
    in div (created by PopupInner)
    in PopupInner (created by Popup)
    in Align (created by Popup)
    in AnimateChild (created by Animate)
    in Animate (created by Popup)
    in div (created by Popup)
    in Popup (created by Trigger)
    in Portal (created by Trigger)
    in Trigger (created by Tooltip)
    in Tooltip (created by Tooltip)
    in Tooltip (at Bus.js:577)
    in td (created by TableCell)
    in TableCell (created by TableRow)
    in tr (created by BodyRow)
    in BodyRow (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)
    in ExpandableRow (created by Connect(ExpandableRow))
    in Connect(ExpandableRow) (created by BaseTable)
    in tbody (created by BaseTable)
    in table (created by BaseTable)
    in BaseTable (created by Connect(BaseTable))
    in Connect(BaseTable) (created by BodyTable)
    in div (created by BodyTable)
    in BodyTable (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in ExpandableTable (created by Connect(ExpandableTable))
    in Connect(ExpandableTable) (created by Table)
    in Provider (created by Table)
    in Table (created by LocaleReceiver)
    in LocaleReceiver (created by Table)
    in div (created by Spin)
    in AnimateChild (created by Animate)
    in div (created by Animate)
    in Animate (created by Spin)
    in Spin (created by Table)
    in div (created by Table)
    in Table (at Bus.js:937)
    in div (at Bus.js:935)
    in div (at Bus.js:891)
    in Bus (created by inject-Bus-with-StoreBus)
    in inject-Bus-with-StoreBus (created by Route)
    in Route (at index.js:67)
    in Switch (at index.js:66)
    in div (at index.js:65)
    in div (at index.js:59)
    in div (at index.js:57)
    in div (at index.js:55)
    in CustomerCenter (created by inject-CustomerCenter-with-StoreBus)
    in inject-CustomerCenter-with-StoreBus (created by Route)
    in Route (at routerMain.js:74)
    in Switch (at routerMain.js:72)
    in Router (created by BrowserRouter)
    in BrowserRouter (at routerMain.js:71)
    in div (at routerMain.js:69)
    in RouterMain (created by inject-RouterMain-with-StoreBus)
    in inject-RouterMain-with-StoreBus (at App.js:16)
    in div (at App.js:15)
    in App (at index.js:16)
    in Provider (at index.js:15)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
__stack_frame_overlay_proxy_console__ @ index.js:2178
logCapturedError @ react-dom.development.js:9643
logError @ react-dom.development.js:9682
commitErrorLogging @ react-dom.development.js:9895
commitAllLifeCycles @ react-dom.development.js:11459
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
commitRoot @ react-dom.development.js:11594
completeRoot @ react-dom.development.js:12502
performWorkOnRoot @ react-dom.development.js:12452
performWork @ react-dom.development.js:12370
performSyncWork @ react-dom.development.js:12347
requestWork @ react-dom.development.js:12247
scheduleWorkImpl @ react-dom.development.js:12122
scheduleWork @ react-dom.development.js:12082
enqueueSetState @ react-dom.development.js:6644
./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:238
Tooltip._this.onVisibleChange @ index.js:36
setPopupVisible @ index.js:157
(anonymous) @ index.js:168
setTimeout (async)
delaySetPopupVisible @ index.js:167
onMouseEnter @ index.js:439
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:201
executeDispatch @ react-dom.development.js:466
executeDispatchesInOrder @ react-dom.development.js:488
executeDispatchesAndRelease @ react-dom.development.js:586
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:597
forEachAccumulated @ react-dom.development.js:565
runEventsInBatch @ react-dom.development.js:728
runExtractedEventsInBatch @ react-dom.development.js:737
handleTopLevel @ react-dom.development.js:4201
batchedUpdates @ react-dom.development.js:12537
batchedUpdates @ react-dom.development.js:1939
dispatchEvent @ react-dom.development.js:4282
invariant.js:42 Uncaught Error: Objects are not valid as a React child (found: object with keys {397, 399, 505, 527, creatorName, key, tagName, customerId, siteId, userId, tag, visibleRange, permissionId, isUse, modifyUserid, modifyDate, createUserid, createDate}). If you meant to render a collection of children, use an array instead.
    in div (created by Content)
    in Content (created by Trigger)
    in div (created by LazyRenderBox)
    in LazyRenderBox (created by PopupInner)
    in div (created by PopupInner)
    in PopupInner (created by Popup)
    in Align (created by Popup)
    in AnimateChild (created by Animate)
    in Animate (created by Popup)
    in div (created by Popup)
    in Popup (created by Trigger)
    in Portal (created by Trigger)
    in Trigger (created by Tooltip)
    in Tooltip (created by Tooltip)
    in Tooltip (at Bus.js:577)
    in td (created by TableCell)
    in TableCell (created by TableRow)
    in tr (created by BodyRow)
    in BodyRow (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)
    in ExpandableRow (created by Connect(ExpandableRow))
    in Connect(ExpandableRow) (created by BaseTable)
    in tbody (created by BaseTable)
    in table (created by BaseTable)
    in BaseTable (created by Connect(BaseTable))
    in Connect(BaseTable) (created by BodyTable)
    in div (created by BodyTable)
    in BodyTable (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in div (created by ExpandableTable)
    in ExpandableTable (created by Connect(ExpandableTable))
    in Connect(ExpandableTable) (created by Table)
    in Provider (created by Table)
    in Table (created by LocaleReceiver)
    in LocaleReceiver (created by Table)
    in div (created by Spin)
    in AnimateChild (created by Animate)
    in div (created by Animate)
    in Animate (created by Spin)
    in Spin (created by Table)
    in div (created by Table)
    in Table (at Bus.js:937)
    in div (at Bus.js:935)
    in div (at Bus.js:891)
    in Bus (created by inject-Bus-with-StoreBus)
    in inject-Bus-with-StoreBus (created by Route)
    in Route (at index.js:67)
    in Switch (at index.js:66)
    in div (at index.js:65)
    in div (at index.js:59)
    in div (at index.js:57)
    in div (at index.js:55)
    in CustomerCenter (created by inject-CustomerCenter-with-StoreBus)
    in inject-CustomerCenter-with-StoreBus (created by Route)
    in Route (at routerMain.js:74)
    in Switch (at routerMain.js:72)
    in Router (created by BrowserRouter)
    in BrowserRouter (at routerMain.js:71)
    in div (at routerMain.js:69)
    in RouterMain (created by inject-RouterMain-with-StoreBus)
    in inject-RouterMain-with-StoreBus (at App.js:16)
    in div (at App.js:15)
    in App (at index.js:16)
    in Provider (at index.js:15)
    at invariant (invariant.js:42)
    at throwOnInvalidObjectType (react-dom.development.js:7362)
    at reconcileChildFibers (react-dom.development.js:8129)
    at reconcileChildrenAtExpirationTime (react-dom.development.js:8240)
    at reconcileChildren (react-dom.development.js:8231)
    at updateHostComponent (react-dom.development.js:8539)
    at beginWork (react-dom.development.js:8986)
    at performUnitOfWork (react-dom.development.js:11814)
    at workLoop (react-dom.development.js:11843)
    at renderRoot (react-dom.development.js:11874)
    at performWorkOnRoot (react-dom.development.js:12449)
    at performWork (react-dom.development.js:12370)
    at performSyncWork (react-dom.development.js:12347)
    at requestWork (react-dom.development.js:12247)
    at scheduleWorkImpl (react-dom.development.js:12122)
    at scheduleWork (react-dom.development.js:12082)
    at Object.enqueueSetState (react-dom.development.js:6644)
    at Tooltip../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:238)
    at Object.Tooltip._this.onVisibleChange [as onPopupVisibleChange] (index.js:36)
    at Trigger.setPopupVisible (index.js:157)
    at index.js:168
天下1281
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dashboard修改tooltip
06-02
dashboard修改tooltip
ant react修改tooltip的组件样式
Bonjours的专栏
07-28 2221
如上图，有的时候根据业务需要，一定要修改一下tooltip的背景色或者样式，就需要用到以下代码来修改了。 .ant-tooltip-inner是文字框的背景色，.ant-tooltip-arrow-content是文字框下面的小三角形，如果不需要三角形，display none就好了。我们可以利用原生的改出来一些我们想要的效果。...
antd修改Tooltip背景色
MYG_G
12-01 3966
Tooltip默认背景色是黑色，字体是白色。实现修改为黑字白底。
The above error occurred in the ＜div＞ component 和 Uncaught Error: The `style` prop expects a mapping
qq_31763185的博客
09-01 4358
react中使用react报错
【VUE Antd的Tooltip文字不超出时不显示】
qq_31629679的博客
06-26 651
1、在methods中添加 showToolTip 方法用于阻止鼠标的移入事件。2、在
Error: A component suspended while responding to synchronous input...
m0_59213774的博客
03-13 1286
外层添加Suspense即可解决。
antdesignvue表格使用fixed出现空白列——已解决
King的博客
03-06 1261
【代码】antdesignvue表格使用fixed出现空白列——已解决。
antd Tooltip 组件设置宽、高不生效及解决方案
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-15 1万+
一、antd Tooltip 组件设置宽度不生效 antd:3x实际上4x也可以。 默认用法： title是要显示的文字 <Tooltip placement="topLeft" title="Prompt Text" arrowPointAtCenter> <Button>Arrow points to center / 箭头指向中心</Button> </Tooltip> 我想要改变显示出的宽度，查找api发现使用ove...
antd-vue里a-toopltip气泡框样式背景颜色的改变
areyousmoking的博客
12-13 1407
antd-vue里a-toopltip气泡框样式背景颜色的改变
React源码解析：setState
weixin_33749131的博客
01-17 261
先来几个例子热热身： ......... constructor(props){ super(props); this.state = { index: 0 } } componentDidMount() { this.setState({ index: this.state.index + 1 ...
Warning: Failed prop type: Invalid prop `value` supplied to `Picker`.报错问题
weixin_30587025的博客
06-18 7647
在使用antd的日期插件时，不留意就会报各种错误。 例如：Warning: Failed prop type: Invalid prop `value` supplied to `Picker`. 这个是因为在时间为空时，value值不规范造成的，解决方法如下： var time = row.dayQuotaExpire!=0?moment(row.secondQuotaExpire*1...
winform 自定义tooltip
09-05
很好用的自定义tooltip，带有标题，内容，图标和关闭按钮，亲测可用，如有不懂可联系我。
jQuery Tools tooltip使用说明
10-28
老规矩，先上html和css,还是用官方的，只是去掉了些东西
tooltip.zip
04-20
页面提示框，已修复有滚动条错位问题
Tooltip工具提示插件下载
06-24
Tooltip工具提示插件下载是一款带有css3动画特效，并且会自动根据元素所在的位置来定位工具提示的位置。
resetFields 重置一组输入控件的值（为initialValue）与状态
热门推荐
boysky0015的博客
08-15 2万+
resetFields 重置一组输入控件的值（为initialValue）与状态，如不传参数，则重置所有的组件。 用法：Function([name: string[]]) 例子： isSelectChange(value) { //清除所有的 this.props.form.resetFields(); //清除指定的一个 this.props.for...
Antd design 表格的分页的showQuickJumper怎么修改Goto成中文的跳转至？
boysky0015的博客
07-31 1万+
在antd中有一个问题，一直困扰着我，那就是如何把10/page和Goto这些英文字改为中文，今天才发现，antd已经给出了专门的解决方案。如下图的英文一样 解决方案： LocaleProvider...
Error: must set key for rc-animate children
boysky0015的博客
08-13 7812
Uncaught Error: must set key for &lt;rc-animate&gt; children at Animate.js:202 at Array.map (&lt;anonymous&gt;) at Animate.render (Animate.js:197) at finishClassComponent (react-dom.de...
scroll.x 的用法
boysky0015的博客
09-25 3228
这个页面本来左边有左侧栏的，但是受布局的影响全屏幕了。这个问题找了有些时间，终于找到原因了，原来是 scroll.x 没有定宽度，因此当中间的文字过于长的时候就会出现整个屏幕更长。 &lt;Table scroll={{ x: '100%',y:600,}} /&gt; 这样就可以了，效果如下。 终于恢复正常了，从这个bug中我发现，还是需要知识储备量，不然不可能想到问题的本质。 ...
tooltip 随页面滚动
最新发布
08-08
tooltip随页面滚动的问题可能是由于tooltip组件的定位问题引起的。根据引用和引用的内容，tooltip组件的默认定位是相对于body元素进行绝对定位，而不是相对于包含它的父元素。因此，当tooltip组件位于一个较大的父元素内，并且页面内容超过了100vh时，就会出现滚动条。 为了解决这个问题，你可以根据引用中的代码，在父元素中添加一个新的div元素，并将这些tooltip组件的dom添加到这个新的div中。这样，tooltip组件就会相对于新的div进行定位，而不是相对于body元素。通过使用这种方法，tooltip组件将和父元素一起滚动，并且不会导致页面出现多余的滚动条。 另外，根据引用的内容，如果你的tooltip组件是在一个select代码块中，你还可以通过添加getPopupContainer属性并返回triggerNode.parentNode来解决选项滚动的问题。这样，tooltip组件将相对于其父元素进行定位，而不是相对于整个页面。 综上所述，你可以通过以上方法解决tooltip随页面滚动的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值