如何解决在声明之前调用 React 中的函数式组件
const ShowHide = () => {
return <Item/>;
};
const Item = () => {
return(
//few lines of code
);
};
这里,功能组件 ShowHide 调用组件“Item”。 item 是一个箭头函数,它没有被提升。
如何在声明之前调用 Item?
解决方法
如何在声明之前调用 Item?
这是不可能的。请阅读:javascript variables and temporal dead zone
您可以在其他文件中定义项目,并使用 ShowHide 组件导入文件。这就是你能做的。
,与ASDFGerte
评论的差不多。
以下方法无效:
const ShowHide = () => {
return Item();
};
console.log(ShowHide());
const Item = () => {
return 'hello world'
};
因为您试图在定义之前使用 const,并且如您所见,它不会被提升。
以下将起作用:
const ShowHide = () => {
return Item();
};
const Item = () => {
return 'hello world'
};
console.log(ShowHide());
因为在调用 ShowHide
并且需要 Item
时,它已经定义了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。