NarraLeaf

usePreference

usePreference 钩子，以类似 useState 的元组读取并修改某项游戏偏好

通过这个钩子可以访问和管理偏好设置

注意： 此钩子只能在 GameProvider 的后代组件中使用

function usePreference<K extends StringKeyOf<GamePreference>>(
    key: K
): [GamePreference[K], (value: GamePreference[K]) => void];

用法

此钩子类似 useState，返回一个由当前值和更新函数组成的元组

import {usePreference} from "narraleaf-react";
function myComponent() {
    const [autoForward, setAutoForward] = usePreference("autoForward");

    function triggerAutoForward() {
        setAutoForward(current => !current);
    }

    return (
        <div>
            自动前进：{autoForward ? "启用" : "禁用"}
            
            <button onClick={triggerAutoForward}>
                切换自动前进
            </button>
        </div>
    );
}

本页目录

用法