Question

我有一个选项卡式表单，第二个选项卡将从后端检索列表，类似于react-admin官方演示（例如，帖子有很多评论）。问题是当我切换选项卡时，总是有第二个选项卡的后备呼叫，即评论列表，我该如何避免它而只加载一次，因为我在第二个选项卡上有分页，如果我切换选项卡，分页将更改为第一页。

提前谢谢！

<TabbedForm>
            <FormTab label="Post">
            <TextInput source="name"/>
            </FormTab>

            <FormTab label="Comment">
                <ReferenceManyField  pagination={<Pagination/>}  reference="comments" target="id" perPage={5}   addLabel={false}>
                            <Datagrid>
                                <TextField source="name" />
                                <EditButton />
                                <DeleteButton undoable={false}/>
                            </Datagrid>
                        </ReferenceManyField>
            </FormTab>
        </TabbedForm>

Answer 1

如果使用的是Hooks，则可以结合使用useState和useEffect。 useState将保存数据获取的结果，您将在useEffect中触发该结果。要使此操作仅发生一次，请在useEffect中使用一个空数组作为dependency-array：

const [data, setData] = useState(null)

useEffect(() => {
  setData(fetchData())
}, [])

每当我单击TabbedForm上的选项卡时，react-admin都会调用后端

1 个答案: