React - 如何在回调函数 (onClick) 中将参数从 child 传递到 parent

Question

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

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

parent:

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


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

Child:

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

React - 如何在回调函数 (onClick) 中将参数从 child 传递到 parent

React - how to pass parameter from child to parent in callback function (onClick)

callback

reactjs