#React 如何在DevTools中调试forwardRefs?
React.forwardRef接受render函数作为参数,DevTools使用此函数来确定要为ref转发组件显示的内容。例如,如果您不命名渲染函数或不使用displayName属性,则它将在DevTools中显示为“ ForwardRef”,
const WrappedComponent = React.forwardRef((props, ref) => {
return <LogProps {...props} forwardedRef={ref} />;
});
但是,如果您命名渲染函数,则它将显示为“ ForwardRef(myFunction)”
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。