kingdee / kdesign

An enterprise-class React UI components library
https://react.kingdee.design/
Apache License 2.0
107 stars 45 forks source link

Tooltip的onVisibleChange执行的是历史版本,需加入依赖更新 #937

Open xiaoman-Xie opened 2 days ago

xiaoman-Xie commented 2 days ago

重现链接或代码

import React from 'react'
import ReactDOM from 'react-dom'
import { Tooltip } from '@kdcloudjs/kdesign'
const Demo = () => {
  const [test, setTest]= React.useState(0)
  const click=()=>{
    setTest(test+1)
    console.log('点击更新test值:', test+1)
  }
  const handleVisiblechange =(v)=>{
    console.log(`visible为${v},test值:`,test)
  }
  return (
    <>
      <Tooltip tip={<div onClick={click}>点击</div>} onVisibleChange={handleVisiblechange} trigger="click">
        <span>Mouse over will show Tooltip</span>
      </Tooltip>
    </>
  )
}
ReactDOM.render(<Demo />, mountNode)

重现问题步骤

onVisibleChange里的状态变量是旧的

期望的结果是什么

onVisibleChange要加入依赖,执行最新版本

实际的结果是什么

onVisibleChange执行的是历史版本

组件库版本号、浏览器信息

组件库与浏览器均为最新版本