react mobx有没有更简单的写法

import React from 'react';
import ArticleList from "./ArticleList";
import ListErrors from "./ListErrors";
import { observer } from 'mobx-react-lite';
import YourStore from './YourStore';

export default ArticleListContainer = observer(() => {
    const [errors] = useContext(YourStore);
    return  (
        <div className="ArticleListContainer">
            <ListErrors errors={errors}/>
            <ArticleList />
        </div>
     )
});

DDD888

匿名者 发表于 2019-6-19 12:49
import React from 'react';
import ArticleList from "./ArticleList";
import ListErrors from "./ListEr ...

谢谢参与，在哪里call store.getArticleList()?

ilmaro

DDD888 发表于 2019-6-19 10:57
我在学习，有问题就问啦

在这个贴子里，你学习到什么了吗？

DDD888

匿名者 发表于 2019-6-19 12:49
import React from 'react';
import ArticleList from "./ArticleList";
import ListErrors from "./ListEr ...

我找到了答案，在你的代码里加句话

const store = useContext(appStore);
useEffect(() => {
        store.getArticleList()
    }, []);

DDD888

ilmaro 发表于 2019-6-19 13:52
在这个贴子里，你学习到什么了吗？

如果我不发帖，我大概就不会去学习hook, mobx-react-lite

ilmaro

DDD888 发表于 2019-6-20 10:08
如果我不发帖，我大概就不会去学习hook, mobx-react-lite

挺好，有学到就好……。

DDD888

这是完整代码


import React, { useContext, useEffect } from 'react';
import ArticleList from "./ArticleList";
import ListErrors from "./ListErrors";
import { observer } from 'mobx-react-lite';
import appStore from '../stores/Store';

const ArticleListContainer = () => {
    const store = useContext(appStore)

    useEffect(() => {
        store.getArticleList();
    })

    return (
        <div className="ArticleListContainer">
            <ListErrors errors={store.errors}/>
            <ArticleList />
        </div>
    )
}

export default observer(ArticleListContainer)