在ReactJS中傳遞這個作爲道具

所以我有一些組件使用了很多的功能，所以有時候爲了避免在待用組件中調用相同的函數時看起來很醜，我做的<Component component={this} />待辦事項<Component func1={func1} func2={func2} ... />。所以這顯然應該慢一些，但真的有多少？這是一個可怕的編碼模式嗎？我想我也可以用所使用的函數創建一個新的obj並將其傳入。在ReactJS中傳遞這個作爲道具

編輯：我相信最好的解決方案是創建一個名爲功能： getFuncs(component) { return { func1: ..., func2: ... } }

在reactClass，然後調用：<Component funcs={this.getFuncs(this)} />

來源

2017-06-07 Ferus

我相信這是更具描述性比難看清楚。此外，維護父母和孩子的情況可能會令人困惑。 –

const componentProps = { 
    func1: this.func1, 
    func2: this.func2 
    }; 
    <Component {...componentProps} />

來源

2017-06-07 16:33:50 vic

在ReactJS中傳遞這個作爲道具

回答

相關問題