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

Question

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

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}
                />

Answer 1

你只需像这样更新：

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