ForwardRef 的规避方法

在使用 useRef 发现被关联对像的 ref.current 怎么都是 null, 异常提示是不是要使用 forwardRef. 于是查到了这个问题 How do I avoid 'Function components cannot be given refs' when using react-router-dom?

这里的回答有好多解决方案，选了个最懒的方法，在元素外层再包了一层

const ref=useRef(null)
// 报错代码
return (
  <Button ref={ref}>test for forwardRef</Button>
)
// 可执行代码
return (
  <div ref={ref}>
    <Button>test for forwardRef</Button>
  </div>
)

其它解决方法可以详细看链接内容，主流做法应该还是做一个组件，将ref传递进去