在封閉中使用類或函數的方法

說我想用一些方法（沒有狀態或生命週期方法）創建一個簡單的React組件。我能做到這一點的兩種方法之一：在封閉中使用類或函數的方法

// Foo.js 
class Foo extends React.Component { 
    doSomething() { 
    // do something 
    } 

    render() { 
    ... 
    this.doSomething(); 
    ... 
    } 
} 
export default Foo;

或者，我可以做這樣的：

// Foo.js 
const doSomething =() => { 
    // do something... 
} 

const Foo =() => { 
    ... 
    doSomething(); 
    ... 
} 
export default Foo;

第二是可取的，因爲它是一個功能組件（簡單，開銷少），但確實的閉包函數會帶來任何開銷/內存泄漏風險？

一般情況下，如果一個組件不保存狀態或使用生命週期方法，這是實現組件的最佳方式嗎？

來源

2017-10-12 dmwong2268

在第一個示例中，它將是'this.doSomething（）'，不是嗎？ – Bergi

是什麼讓你認爲閉包會產生開銷或泄漏內存？ – Bergi

除生命週期方法和'狀態'''類'組件可以從父母調用處理程序並向上傳遞參數 –

一般來說，如果你：

不想保持state
不需要使用生命週期方法（如componentDidMount）

，最好使用無狀態的功能組件，這是快速和更具可讀性。不，你不需要擔心由於關閉造成的內存泄漏。有關無狀態組件的更多優點，請參閱https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc

來源

2017-10-12 18:16:25 Dane

如果您沒有跟蹤應用程序狀態或生命週期方法，就沒有必要使用基於類的組件，僅僅因爲它有很多開銷，並且您不需要跟蹤關鍵字this坦率地說，這很煩人。

一個功能組件是愚蠢的。它完全不知道應用程序狀態。它可以用來顯示/呈現組件，而不必擔心發生事件時自行更新。

就你而言，如果doSomething()方法不涉及任何動態行爲，最好採用第二種方法。

來源

2017-10-12 18:02:33 darthaditya

在封閉中使用類或函數的方法

回答

相關問題