Comment charger les fichiers locaux dans réagissent natif basé sur l'ID dans le composant?

Question

J'ai besoin de charger un élément dans un composant, basé sur son identifiant qui provient des accessoires.

J'ai essayé d'utiliser fetch, mais il ne peut pas charger le fichier local.

Également essayé import from, mais il doit être au début du fichier, pas dans le composant.

Je veux quelque chose comme ceci:

const Detail = (props) => { 
    let id = props.data; 
    let path = './book/'+id+'.json'; 
    var bookData = require(path); 
    return (
    <Container> 
     <Header></Header> 
     <Content> 
     <Text>ID: {id}</Text> 
     <Text>{bookData}</Text> 
     </Content> 
    </Container> 
); 
} 

Answer 1

a essayé jamais quelque chose comme ça, mais essayez de changer votre retour à

return ({ ID: {id, ...bookData} })