新足迹 › 论坛 › 澳洲生活区 › 工作学习 › react mobx有没有更简单的写法

精华好帖回顾
· 此情只待成追忆 - 林忆莲和伦永亮（Patrick Zhu Vs SteveKing之三）2013年6月重建版本 (2008-6-6) patrickzhu	· 2018新年欧洲三国法意希 38天（开贴需要勇气更新需要毅力） (2018-3-3) monica612
· 背不動背包游新泰港台一期一會一天一圖新加坡泰國香港臺灣環島 #泡裸湯 #見櫻花 (完) (2018-7-10) slau1	· 记忆流淌的岁月之洛带古镇 (2007-12-18) spicypig

查看: 1540|回复: 4

[IT] react mobx有没有更简单的写法 [复制链接]

DDD888

铜靴族

发表于 2019-6-16 10:13 |显示全部楼层

此文章由 DDD888 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 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;

有没有可能不用React.Component,直接用function?

kevinliang1976

布鞋族

发表于 2019-6-18 21:05 |显示全部楼层

此文章由 kevinliang1976 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kevinliang1976 所有！转贴必须注明作者、出处和本声明，并保持内容完整

个人喜好用 redux duck

mzbac

木屐族

发表于 2019-6-18 23:10 |显示全部楼层

此文章由 mzbac 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 mzbac 所有！转贴必须注明作者、出处和本声明，并保持内容完整

componentDidMount 都要取消了还在用呢

DDD888

铜靴族

发表于 2019-6-20 08:10 |显示全部楼层

此文章由 DDD888 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 DDD888 所有！转贴必须注明作者、出处和本声明，并保持内容完整

mzbac 发表于 2019-6-18 23:10
componentDidMount 都要取消了还在用呢

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

我用上面的代码来替换啦

DDD888

铜靴族

发表于 2019-6-20 18:47 |显示全部楼层

此文章由 DDD888 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 DDD888 所有！转贴必须注明作者、出处和本声明，并保持内容完整

本帖最后由 DDD888 于 2019-6-20 18:53 编辑

这是完整代码

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)

返回列表

		自动登录	找回密码
密码			注册

精华好帖回顾

[IT] react mobx有没有更简单的写法 [复制链接]

发表回复