react mobx有没有更简单的写法

DDD888

我感觉我写的下面的代码太复杂了


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

const ArticleListContainer = inject('store')(observer(
    class ArticleListContainer extends React.Component {
        componentDidMount() {
            this.props.store.getArticleList();
        }

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

export default ArticleListContainer;

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)

ilmaro

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

挺好，有学到就好……。

DDD888

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

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

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()
    }, []);

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 ...

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

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

haohmarucj 发表于 2019-6-19 10:54
LZ已经不甘心只谈工资，开始论坛写代码了

我在学习，有问题就问啦

haohmarucj

LZ已经不甘心只谈工资，开始论坛写代码了

DDD888

catalsdevelop 发表于 2019-6-19 09:56
喜欢双向绑定，直接用vue啊

我挺喜欢react的

catalsdevelop

喜欢双向绑定，直接用vue啊

salesonline

Venox10111 发表于 2019-6-17 22:31
实际上我 Turbo Pascal 玩的更好，很早就用 TP 做了自己的数据库查询系统了。。。 ...

哇，教科书级的编程软件啦            

auckland.clark

匿名者 发表于 2019-6-16 19:21
LZ侧写： 年龄 40～50， 中年危机+职场透明人。 夫妻生活无交流，孩子叛逆不理解， 无性生活。 职场多年做 ...

不要这样调侃。
搞技术的不少人，是不善于和人交流的，这个很普遍。

tanky

匿名者 发表于 2019-6-16 19:21
LZ侧写： 年龄 40～50， 中年危机+职场透明人。 夫妻生活无交流，孩子叛逆不理解， 无性生活。 职场多年做 ...

精辟........此处省略一万字

ilmaro

匿名者 发表于 2019-6-16 19:21
LZ侧写： 年龄 40～50， 中年危机+职场透明人。 夫妻生活无交流，孩子叛逆不理解， 无性生活。 职场多年做 ...

我一口功夫茶直接喷在键盘上了！！！！


你！！！！

DDD888

包不同 发表于 2019-6-18 14:50
用了都25年还没搞懂的问题，一定是个很难的问题！！！

https://en.wikipedia.org/wiki/React_(JavaScript_library)

react 2013年才发布啦

包不同

用了都25年还没搞懂的问题，一定是个很难的问题！！！

DDD888

匿名者 发表于 2019-6-18 14:13
用 redux 吧 觉得更好了解

那是给自己找代码写啦，多余的敲键盘啦

用 redux 吧 觉得更好了解

Venox10111

salesonline 发表于 2019-6-17 22:19
哇，都说到delphi啦，那都要回到15年前了

实际上我 Turbo Pascal 玩的更好，很早就用 TP 做了自己的数据库查询系统了。。。

salesonline

Venox10111 发表于 2019-6-17 10:57
Dephi 的精髓是 VCL 控件，当年没少写VCL 控件，还写了一个类似迅雷的VCL。现在还在写 SQL, 数据读写不是 ...

哇，都说到delphi啦，那都要回到15年前了  

DDD888

Venox10111 发表于 2019-6-17 10:57
Dephi 的精髓是 VCL 控件，当年没少写VCL 控件，还写了一个类似迅雷的VCL。现在还在写 SQL, 数据读写不是 ...

我同事写crud啦，我不管啦，我只管网站和android,ios app啦，老板说请我就是为客户写网站啦

Venox10111

DDD888 发表于 2019-6-17 10:54
我诚实的说，我1998年的时候写过点delphi的crud,后来就没机会写啦，十多年前写两三页的microsoft sql ser ...

Dephi 的精髓是 VCL 控件，当年没少写VCL 控件，还写了一个类似迅雷的VCL。现在还在写 SQL, 数据读写不是做 CRUD 么？

DDD888

Venox10111 发表于 2019-6-17 10:26
新西兰待久了也就这个水平了，能写写 helloworld, crud 都不错了。。。
这里软件业务不是刚需，只是辅助 ...

我诚实的说，我1998年的时候写过点delphi的crud,后来就没机会写啦，十多年前写两三页的microsoft sql server stored procedure,现在写一页左右的sql啦

Venox10111

匿名者 发表于 2019-6-16 23:16
嗯，看到这种Hello world级别的东西，发出来得瑟的，忍不住怼了！

新西兰待久了也就这个水平了，能写写 helloworld, crud 都不错了。。。
这里软件业务不是刚需，只是辅助传统业务的工具。

ZYC123

匿名者 发表于 2019-6-16 23:16
嗯，看到这种Hello world级别的东西，发出来得瑟的，忍不住怼了！

Venox10111 发表于 2019-6-16 23:03
人艰不拆。。。。。

嗯，看到这种Hello world级别的东西，发出来得瑟的，忍不住怼了！

Venox10111

匿名者 发表于 2019-6-16 19:21
LZ侧写： 年龄 40～50， 中年危机+职场透明人。 夫妻生活无交流，孩子叛逆不理解， 无性生活。 职场多年做 ...

人艰不拆。。。。。

这个是不是发到技术交流板块比较好啊？