我建议你在useEffect中编码set。对我的案子有用的人我在下面添加了测试代码。

import { set, get } from 'idb-keyval';
    import { useEffect, useState } from 'react';

    export default function Main() {

        const [member, setMember] = useState([]);
        const [member2, setMember2] = useState([]);

        useEffect(() => {

            set('member', {
                "spec": [
                    { name: 'bar', age: 20 },
                    { name: 'dall', age: 32 },
                    { name: 'hong', age: 47 },
                ],
                "spec2": [
                    { name: 'bar2', age: 20 },
                    { name: 'dall2', age: 32 },
                    { name: 'hong2', age: 47 },
                ],
            }).then(() => {
                get('member').then(user => { 
                    setMember(user.spec) 
                    setMember2(user.spec2) 
                });

            });
        }, []);

        return (
            <div>
                <h1>IdbTest</h1>
                {member.map((item, index) => {
                    return <div key={index}>
                        <p>{item.name}</p>
                        <p>{item.age}</p>
                    </div>
                })}
                {member2.map((item, index) => {
                    return <div key={index}>
                        <p>{item.name}</p>
                        <p>{item.age}</p>
                    </div>
                })}
            </div>
        )
    }