javascript - MobX async reaction - Stack Overflow

admin管理员组

文章数量:1287868

Hi I'm using MobX in a store and I need to have an async reaction when a puted value has changed:

class Store {
    @observable user;
    @observable something;

    @puted get firstParam () {
         return this.user && this.user.params[0];
    }

    async loadSomething () {
        reaction(
                () => this.firstParam,
                async (param) => {
                    const { data: something } = await axios.get(`url/${param}`);

                    runInAction('update state after fetching something', () => {
                        this.something = something;
                    });
                }
            );
     }

}

I was wondering what would be the difference here with using when instead of reaction apart from the running condition ?

when(
    () => !!this.firstParam,
    async () => {
         // fetch using this.firstParam
    }
)

Hi I'm using MobX in a store and I need to have an async reaction when a puted value has changed:

class Store {
    @observable user;
    @observable something;

    @puted get firstParam () {
         return this.user && this.user.params[0];
    }

    async loadSomething () {
        reaction(
                () => this.firstParam,
                async (param) => {
                    const { data: something } = await axios.get(`url/${param}`);

                    runInAction('update state after fetching something', () => {
                        this.something = something;
                    });
                }
            );
     }

}

I was wondering what would be the difference here with using when instead of reaction apart from the running condition ?

when(
    () => !!this.firstParam,
    async () => {
         // fetch using this.firstParam
    }
)

• javascript
• asynchronous
• store
• mobx

Share Improve this question Follow asked Aug 19, 2016 at 10:22 KomoKomo 2,13811 gold badge2323 silver badges3636 bronze badges 1

• How did you get this working on your machine? – Mike Warren Commented Jul 12, 2019 at 19:18

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Note that when executes it's effect only once and then stops. So in your case the data would only be fetched once.

        reaction(
            () => this.firstParam,
            async (param) => {
                const { data: something } = await axios.get(`url/${param}`);

                runInAction('update state after fetching something', () => {
                    this.something = something;
                });
            }
        );

This will track just this.firstParam and when that return a new data it will call

            async (param) => {
            const { data: something } = await axios.get(`url/${param}`);

            runInAction('update state after fetching something', () => {
                this.something = something;
            });

Now, If you go with when I believe it would end up doing the same, Taken from mobx docs:

You can use observable data structures as a promise... After pleting the asynchronous action, just update your data

So i see no reason why not to use when in your case.

本文标签： javascriptMobX async reactionStack Overflow