ReactJs放置可重用逻辑的位置

时间:2016-11-17 07:09:27

标签: reactjs structure

我来自AngularJs背景并试图学习ReactJs,所有组件,减少,动作似乎很快就清楚了,但有一件事对我来说是缺失的。 angularJs服务/工厂的替代方案是什么,我在哪里放置可重用的逻辑,现在我只是将它们放在单独的模块中,例如:

export default {
    loggedIn: () => {
        var accessToken = localStorage.getItem('access_token');
        if (!accessToken)
            return false;
        return true;
    },

    getToken      : () => {
        let token = localStorage.getItem('access_token');
        if (token !== null)
            return token;
    },
    getBearerToken: () => {
        let token = localStorage.getItem('access_token');
        if (token !== null)
            return 'bearer ' + token;
    }
} 

然后只需要它。如果这不是其中一种方式,那么应该放在哪里?

1 个答案:

答案 0 :(得分:2)

你是对的!只需制作一个模块并要求它。
我通常将我的http相关文件添加到名为' services'的目录中。或者' api'。您还可以创建一个名为' helpers'的目录。蚂蚁把逻辑内容放在一边避免重复。