Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

407
Vistas
ERROR en (0 , _propName2.default) no es una función

sigo recibiendo errores

(0, _propName2.default) no es una función Ocurrió mientras se linting C:\Users\Thoma\OneDrive\Documents\part2\phonebook\src\index.js:15 Regla: "jsx-a11y/aria-activedescendant-has-tabindex "

No sé cómo solucionar este error, pero desaparece después de volver a ejecutar mi servidor json y puedo cerrar la página de error. así que no me afecta demasiado pero sigue siendo muy molesto

mi codigo principal

 import { useState, useEffect } from 'react' import Persons from './components/persons' import PersonForm from './components/personForm' import Filter from './components/searchFilter' import axios from 'axios' import addName from './components/addName' const App = () => { const [persons, setPersons] = useState([]) const [newName, setNewName] = useState('') const [newNumber, setNewNumber] = useState('') const [setFilter, setNewFilter] = useState('') useEffect ( () => { console.log("effect") axios .get('http://localhost:3001/persons') .then(response =>{ console.log('promise fulfilled') setPersons(response.data) }) }, []) const handleOnSubmit = (event) => { console.log(event) event.preventDefault(); const find = persons.find(persons => persons.name === newName) if (find === undefined) addName(newName, newNumber, persons.length + 1, (responsedata) => { setPersons(persons.concat(responsedata))}) else { window.alert(newName + " has been added ") setNewName('') setNewNumber('') } } const hanndleOnDelete = (event) => { } const handleOnChangeName = (event) => { setNewName(event.target.value) } const handleOnChangeNumber = (event) => { setNewNumber(event.target.value) } const handleOnChangeFilter = (event) => { setNewFilter(event.target.value) } return ( <div> <div> <h2>Phonebook</h2> <Filter setFilter={setFilter} handleOnChangeFilter={handleOnChangeFilter} /> </div> <h2>add a new</h2> <PersonForm newName={newName} newNumber={newNumber} handleOnSubmit={handleOnSubmit} handleOnChangeName={handleOnChangeName} handleOnChangeNumber={handleOnChangeNumber} handleOnDelete={handleOnDelete} /> <h2>Numbers</h2> { <Persons person={persons} setFilter={setFilter} /> } </div> ) } export default App

avíseme si necesito mostrar más código.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda