在聲明之前調用 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時，它已經被定義了。