將通過道具傳遞給onChange

Question

我在想 。 是否可以使用onChange事件處理程序，並將onChange作為參數傳遞給方法？

例如 ：

    <TablePagination
          ....
          onChangePage={props.setBrokersListPage}
        />

setBrokersListPage方法自動獲取event和page對象。 我想傳遞一個額外的道具作為參數。 就像是

          onChangePage={props.setBrokersListPage(props.otherParam)}

而otherParam將是第三PARAM setBrokerListPage 。 可能嗎 ？

我嘗試使用@omri答案，但默認的傳遞參數已損壞。 如果我這樣做，則無法再識別頁面：

setBrokersListPage：

export const setBrokersListPage = (event, page,brokersListFilter) => {
    return getBrokers(page,brokersListFilter)  
}

和onChangePage ：

onChangePage={() => props.setBrokersListPage(props.brokersListFilter)}

Answer 1

是的，有可能，您可以通過將其作為函數傳遞來實現：

onChangePage={() => props.setBrokersListPage(props.otherParam)}

或者，您可以執行以下操作，而不是每次都呈現一個新函數：

setBrokersListPage = () => {
    props.setBrokersListPage(props.otherParam)
}

onChangePage={this.setBrokersListPage}

Answer 2

您需要定義函數，以便在獲取一些參數時可以返回另一個這樣的函數。

setBrokersListPage = (args) => (event) => {
    // logic with args, event
}

現在做：

onChangePae={props.setBrokersListPage(props.otherParam)}