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!