Question

我来自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;
    }
}

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

Answer 1

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

ReactJs放置可重用逻辑的位置

1 个答案: