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

Question

I want to add parameter to my callback function:

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

Viet · Accepted Answer · 2021-06-22 14:59:27Z

3

You just update like this:

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

answered Jun 22, 2021 at 14:59

Viet

12.9k2 gold badges18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related