标签: mobx-persist

我想将mobx和mobx-persist与react-navigation集成.
我读过这些文章:

[1] https://hackernoon.com/react-navigation-with-mobx-2064fcdaa25b
[2] https://blog.callstack.io/write-react-native-apps-in-2017-style-with-mobx -e2dffc209fcb
[3] https://github.com/react-navigation/react-navigation/blob/8e8d3d562c9e80616f145f97ffb02dcf2048e67e/docs/guides/Mobx-Integration.md
[4] MobX + React Native:注入商店的方式
[5] MobX - 当我将数据注入React组件时可以使用`inject`时为什么要使用`observer`
[6] 在React组件中注入Store导致出错

但我仍然有这个错误:

undefined is not a function (evaluating 'decorator(target, property, desc)')

这是我的App.js渲染:

render() {
    const hydrate = create({
        storage: AsyncStorage
    });

    hydrate('playerStore', stores.PlayerStore);
    hydrate('settingStore', stores.SettingStore);
    // .then(
    //     // () => console.warn('some hydrated')
    // );

    return <Provider {...stores} >
        <AppWithNavigationState />
    </Provider>;
}

这是我的routeStore.js:

import {observable} from "mobx";
import {action} from "mobx-react/native";
import AppDrawer from …

我在为包含由TreeNode对象组成的树数据结构的商店提供保湿的问题.我正在使用以下库:https: //github.com/pinqy520/mobx-persist

问题是实例被水化为对象而不是TreeNodes.我的猜测是(在阅读https://github.com/pinqy520/mobx-persist/issues/25之后)我不能在类本身内使用类定义来持久化,但我不确定这是否真的是原因.

那是我的TreeNode类:

export default class TreeNode {

    @persist id = Math.random();
    @persist @observable title = "Root";
    @persist @observable collapsed = false; // if node should be shown opened
    @persist('list', TreeNode) @observable childNodes  = []; // <- should this work?
    ...

任何提示都很好!