在声明之前调用 React 中的功能组件

Question

const ShowHide = () => {
   return <Item/>;
};

const Item = () => {
   return(
     //few lines of code
   );
};

这里，功能组件 ShowHide 调用组件“Item”。 项目是一个箭头 function，它没有被吊起。

怎么可能在 Item 被声明之前调用它？

Answer 1

怎么可能在 Item 被声明之前调用它？

这是不可能的。 阅读： javascript 变量和时间死区

您可以在其他文件中定义项目，并使用 ShowHide 组件导入文件。 这就是你能做的。

Answer 2

几乎是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时，它已经被定义了。