Trying to pass Id value from this component to price component, but it's seems i couldn't display it or access the Id value

@samdawit wrote:

// LotItem Component

const LotItem = props => {

const { lotName, id } = props.lot;

return (

<IonGrid>

  <IonRow>

    <IonCol size-md='6' offset-md='3'>

      <IonList>

        <IonCard>

          <IonItem

            routerLink={`/lot/${id}`}

            button

            onClick={() => <Prices id={id} />}

          >

            <IonIcon slot='start' name='car-sport'></IonIcon>

            <IonLabel>{lotName}</IonLabel>

          </IonItem>

        </IonCard>

      </IonList>

    </IonCol>

  </IonRow>

</IonGrid>

);

};

export default LotItem;

// Price Component

const Prices = props => {

return (

<IonGrid>

  <IonRow>

    <IonCol size-md='6' offset-md='3'>

      <IonList>

        <IonButton onClick={() => {}}>

          <IonLabel>The Id is :{props.id}</IonLabel>

        </IonButton>

      </IonList>

    </IonCol>

  </IonRow>

</IonGrid>

);

};

export default Prices;

Posts: 1

Participants: 1

Read full topic