Obtengo que "props.myfunction no es una función". Este es mi archivo principal al que quiero obtener datos de su archivo childjs. Como puede ver, pasé la función dentro del componente para recibir datos, pero recibo el error en la consola y no puedo ver la salida.
PADRE:->
const newExpense=()=> { const saveExpenseHandler=(enteredExpenseData)=>{ console.log(enteredExpenseData); }; return ( <div className="newExpense"> <ExpenseForm onSaveExpenseData={saveExpenseHandler}/> </div> ) //onSaveExpenseData is used to pass function (saveExpenseHandler) as a property for props and then to recieve dta from child and bring it back to parent. };NIÑO:->
const ExpenseForm = (props) => { const expenseData = { title: enteredTitle, amount: enteredAmount, date: new Date(enteredDate) }; props.onSaveExpenseData(expenseData); };
and i am getting this error on console- Uncaught TypeError: props.onSaveExpenseData is not a functionMira esto
const ExpenseForm = (props) => { const expenseData = { title: "ABC", amount: "OK", }; return ( <> <button onClick={() => props.onSaveExpenseData(expenseData)}>ok</button> </> ); };