在组件属性中内联使用React.forwardRef是否有效？

问题描述

代码

const TopLabel = ({ innerRef,...props }) => {
  console.log(innerRef);
  return <Fragment>Top label</Fragment>;
};

export default function TabsWrappedLabel() {
  return (
    <AppBar position="static">
      <Tabs aria-label="wrapped label tabs example">
        <Tab
          value="one"
          component={React.forwardRef((props,ref) => (
            <TopLabel {...props} innerRef={ref} />
          ))}
        />
      </Tabs>
    </AppBar>
  );
}

这会在每次重新渲染和实例化React.forwardRef时引起问题吗？还是内联使用它完全可以吗？

否则应如何使用？

Demo

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）