将通过道具传递给onChange

Question

我在想。是否可以使用onChange事件处理程序，并将prop作为参数传递给方法？

例如：

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

方法setBrokersListPage自动获取event和page对象。我想传递一个额外的道具作为参数。

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

otherParam将是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)}