我试图显示一个<Loading>
组件,直到数据获取成功,
然后显示一个子组件。我不明白为什么状态不更新......
我该如何处理这个问题?
我正在使用react-admin
,但我想这并不重要。
我有一个<Dashboard>
应该传递defibs (Array)
给<DefibsCard>
.
当我登录时,defibs
我<DefibsCard>
有一个空数组。谢谢 !
const Dashboard = () => {
const dataProvider = useDataProvider();
const [loading, setLoading] = useState(true);
const [defibs, setDefibs] = useState([]);
const fetchDefibs = () => {
dataProvider.getList('defibrillateurs', {
filters: {}, sort: {field: 'id', order: 'ASC'}, pagination: {page: 1, perPage: 10}
}).then((response) => {
setDefibs(response.defibs);
setLoading(false);
})
}
useEffect(() => {
fetchDefibs();
console.log(loading)
}, [])
const classes = useStyles(); …
Run Code Online (Sandbox Code Playgroud)