Hola cuando trato de obtener datos de un archivo. La aplicación de reacción se queda en blanco. Esto es lo que tengo:
import React from 'react'; import {Link, useParams} from "react-router-dom"; import articles from "./article-content"; const ArticlePage = () =>{ const { name } = useParams(); const { article } = articles.find(article => article.name === name) return( <> <div id="page-body"> <h1>{article.title}</h1> <h1>{article.content}</h1> </div> </> ); } export default ArticlePage;y aquí hay un ejemplo del contenido del artículo:
const articles = [ { name: 'learn-react', title: 'The Fastest Way to Learn React', content: [..... ]] export default articles;¿Alguna idea de por qué se queda en blanco en lugar de mostrarse?
Puede usar la consola de Chrome para tener una idea de lo que está sucediendo con su aplicación. Presione F12 o haga clic derecho en su Chrome y abra el Inspector, y luego vaya a la pestaña "Consola". Será su mejor herramienta para depurar sus aplicaciones.
Cambie las siguientes líneas de const {name} = useParams(); const { artículo } = artículos.find(artículo => artículo.nombre === nombre)
a const nombre = useParams(); const articulo = articulos.find(articulo => articulo.nombre === nombre)
no puedes desestructurarlo.