相关疑难解决方法(0)

通过 API 调用设置表单的初始值

在我的 React 游戏中,我使用名为 Formik 的 React 库作为表单。

在其中,您可以像这样设置表单的初始值:

<Formik
    initialValues={{
        characterClasses: ["1", "3", "9"],
        race: "Elf",
        name: "Derolt",
        age: "84",
        
        ..etc
        
Run Code Online (Sandbox Code Playgroud)

但现在,我想要从 API 调用加载初始值。

所以我创建了这个:

const fetchGameCharData = async (gameId) => {
    const game = await axios("api/games/" + gameId);
    // return the result
    return game;
};
Run Code Online (Sandbox Code Playgroud)

我的问题是,我不知道如何使用上面的 fetch 方法来实际填充 Formik 使用的initialValues 部分。

有人这样做过吗?

谢谢!

reactjs formik react-hooks

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

标签 统计

formik ×1

react-hooks ×1

reactjs ×1