React - 如何在回调函数（onClick）中将参数从子级传递给父级答案

【问题标题】：React - how to pass parameter from child to parent in callback function (onClick)React - 如何在回调函数（onClick）中将参数从子级传递给父级
【发布时间】：2021-06-22 14:56:35
【问题描述】：

我想给我的回调函数添加参数：

parent(here call callback function with additional parameter passed from child) <- child (here add parameter) <- child

父母：

const forwardToOrder = (TService, currentNote, orderRefNumber) => {
console.log(orderRefNumber) // IS UNDEFINED!!!
}


return (
 <DetailsSection>
                            <ReferenceNumberDetails
                                currentNote={currentNote}
                                forwardToOrder={() => forwardToOrder(TService, currentNote)}
                                labels={labels}
                            />

孩子：

function ReferenceNumberDetails({ labels, currentNote, forwardToOrder }) {
    if (anyNumberExists(currentNote)) {
        return (
            <NumbersWrapper>
                <OrderNumber
//HERE I WANT TO PASS SOME PARAMETER TO BE WRITTEN BY PARENT
                    forwardToOrder={() => forwardToOrder(currentNote?.freight_order?.order_reference_number)}
                    labels={labels}
                    orderReferenceNumber={currentNote?.freight_order?.order_reference_number}
                />

【问题讨论】：

标签： reactjs callback

【解决方案1】：

你只是这样更新：

forwardToOrder={(orderRefNumber) => forwardToOrder(TService, currentNote, orderRefNumber)}

【讨论】：