how to callback listener to parent

[tuannguyenhoangit]

 var indents = [];
        for (var i = 0; i < 10; i++) {
            indents.push(<li className='indent' key={i}>
                <NutrientCard
                    deckName="Breakfast deck"
                    data={data}
                    onSearchClick={() => {
                        console.log("on search click")
                    }} />
            </li>);

I want to listen event in <li> tag, or <NutrientCard> component so far when card throwin, throwout.
How to do that, please help.