Soy completamente nuevo para reaccionar. hice una aplicación simple que recibió una cadena del backend.
la cadena parece
"[{"name":"David", "age":"20"},{"name":"Michael", "age":"10"}]"ahora logré convertirlo en una cadena y representarlo en el sitio web y no puedo encontrar la manera correcta de convertir esta cadena en un objeto y acceder a sus valores para crear una tabla que mostrará los diferentes detalles de los objetos.
he encontrado una función JSON.parse(obj)
pero supongo que lo estoy usando mal.
Estoy agregando mi código de App.js que representa el cajero automático en el sitio web.
function App() { const [items, setItems] = useState([]) // Using useEffect for single rendering useEffect(() => { // Using fetch to fetch the api from // flask server it will be redirected to proxy fetch("/data") .then((res) => res.json() .then((data) => setItems(data)) ); }, []); return ( <div className="App"> {items.map(item => { return <pre>{JSON.stringify(item)}</pre> })} </div> ); } export default App;Simplemente necesitas hacer esto:
return( <table> <thead> <th>name</th> <th>age</th> </thead> <tbody> {items.map((item: any) => { return ( <tr> <td>{item.name}</td> <td>{item.age}</td> </tr> ) })} </tbody> </table> ) res.json() ya convierte sus datos a JSON, por lo que no necesita hacer nada adicional. Estás listo para usar tus datos.
en su item de método .map() es el objeto que necesita usar y acceder a su propiedad simplemente haciendo item.propertyName como puede ver en el código que compartí.