• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

220
Views
La llamada AJAX en reaccionar no registra nada en la consola ni muestra nada en div

Tengo un archivo index.html donde he incluido estos scripts cerca de la etiqueta del cuerpo y esta etiqueta div.

 <div id="app"></div> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script> <!-- Load our React component. --> <script type="text/jsx" src="getrepodata.js"></script>

En getrepodata, trato de hacer una llamada ajax con reaccionar, pero no muestra nada en el registro de la consola del archivo index.html conectado a un servidor local desde xampp

 'use strict'; class MyComponent extends React.Component { constructor(props) { super(props); this.state = { error: null, isLoaded: false, items: [] }; } componentDidMount() { fetch("https://jsonplaceholder.typicode.com/todos/1") .then(res => res.json()) .then( (result) => { this.setState({ isLoaded: true, items: result.items }); }, // Note: it's important to handle errors here // instead of a catch() block so that we don't swallow // exceptions from actual bugs in components. (error) => { this.setState({ isLoaded: true, error }); ) console.log(items); } render() { const { error, isLoaded, items } = this.state; if (error) { return <div>Error: {error.message}</div>; } else if (!isLoaded) { return <div>Loading...</div>; } else { return ( console.log("foo"); console.log(item); <ul> {items.map(item => ( <li key={item.id}> {item.name} {item.price} </li> ))} </ul> ); } } } const domContainer = document.querySelector('#app'); ReactDOM.render(<MyComponent/>, domContainer);

He buscado por todas partes y no he encontrado una solución para esto. ¡Gracias!

about 3 years ago · Santiago Trujillo
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error