Mon script ressemble à ci-dessous,
Une fois que l'api a récupéré l'élément, je souhaite restituer le composant et faire apparaître EnhancedTable.
Mais avec ce script, la récupération de l'API réussit, mais EnhancedTable n'apparaît pas.
response.data renvoie les données correctes, mais aucun nouveau rendu n'est effectué.
Où est-ce que je me suis trompé ?
const MetaPanel = (props) =>{
const [drawingItems,setDrawingItems] = React.useState([]);
useEffect(() => {
console.log("File List");
var formData = new FormData();
axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.withCredentials = true;
axios.get(`/api/drawings/`)
.then(function (response) {
console.log(response.data);
setDrawingItems(response.data);
})
.catch(function (response) {
console.log(response);
});
},[]);
return (
<div>
<div>
<p>FileList</p>
{drawingItems.length != 0 &
<EnhancedTable data={drawingItems}></EnhancedTable>
}
</div>
</div>
);
} 
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Pouvez-vous l'essayer :
Au fait, vous pouvez améliorer la partie useEffect
useEffect(() => { const fetchData= async()=>{ const response = await axios.get(`/api/drawings/`) if(response){ setDrawingItems(response?.data); } } fetchData() },[]);