Estoy aprendiendo a reaccionar y obtengo este error de que onDelete no está definido, pero el tutorial que estoy siguiendo no recibe el error. Este es el Código que también comparte un fragmento. Recorte de código ¿Alguien puede decirme por qué recibo este error y cómo resolverlo?
import React from 'react'; import TodoItem from './todoItem'; export default function Todos(props) { return ( <div className="container"> <h3 className="my-3 text-center">Todo's List</h3> { props.todos.map((todo)=> { return <TodoItem todo={todo} onDelete={onDelete}/>}) } </div> ) }No puede definir los accesorios y no decirles acerca de los accesorios, así que por qué sucedió esto.
actualizado esto
import React from 'react'; import TodoItem from './todoItem'; export default function Todos(props) { render(){ //Added const { onDelete } = this.props; //Added return ( <div className="container"> <h3 className="my-3 text-center">Todo's List</h3> { props.todos.map((todo)=> { return <TodoItem todo={todo} onDelete={onDelete}/>}) } </div> ) } }Este es un archivo de código para asignar elementos de la lista.
https://github.com/mashaimtahir/React/blob/master/todo-app%20v2/src/Components/counters.jsx
Este es el enlace de la aplicación de tareas completas.
https://github.com/mashaimtahir/React/tree/master/todo-app%20v2/src