react fc组件下使用 QueueAnim 标签 报警告

[Yixeu]

警告：Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of TweenOne.

代码如下： <QueueAnim className="team-info employee-tab" ref={ref}> <Menu data={data ? data.tranList : null} loadNewPage={(id: string | number) => { getDataByDepart(id); }} /> {data && data.longList && data.longList.deptList ? data.longList.deptList.map( (itemData: departType, index: number) => { return ( <Department data={itemData} key={"dept" + index} loadNewPage={(id: string | number) => { getDataByDepart(id); }} /> ); } ) : null} </QueueAnim>

Menu和Department同为fc组件，未使用ref

[Yixeu]

[Yixeu]

[jljsj33]

tween-one 是需要 ref 来做 dom 动画的，然而 React.foreardRef 不能解决子组件为三方组件时的使用，所以这个报警暂时没法解决。

[kaixinkaixinmeifannao]

你好 这个问题现在解决了吗

[SmileABC]

React.forwardRef 包住组件试试