小编kar*_*sov的帖子

如何在功能组件中渲染数据之前等待 FETCH?

我试图显示一个<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)

javascript reactjs react-admin

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

react-admin ×1

reactjs ×1