小编Rob*_*n_f的帖子

我已经开始在React中使用Redux了,我非常喜欢它.但是,我目前遇到的问题是除了状态之外,我还需要在整个应用程序中存储/使用更多信息.

在这种特定情况下,我有一个模型,其状态是从API获取的.此模型还有一些关于自身的信息,例如如何在屏幕上显示属性"name"=>"blabla的名称".我理解如何使用Redux处理状态,但是我很难看到我还需要在整个应用程序中传播的其他信息有什么用,但实际上并不是状态.

情况

我正在尝试使用Webpack加载库.库本身已经使用Webpack分成多个块.

项目A依赖于项目B.项目B使用Webpack构建,包含多个块.项目A现在通过动态导入加载项目B. 构建项目A时,我希望在项目A的输出文件夹中创建项目B的块.

题

如何让项目B的块在项目的最终版本中保持为块状？

例

我做了一个示例项目(https://github.com/Robinfr/chunky-webpack),它有两个级别的子包.sub-package-a和b都创建了块,但是在构建main-package时它们都被篡改为一个main-bundle.js.

我正在尝试使用 TypeScript 编写一个函数，该函数将允许我根据对象的类型过滤对象列表。结果应该是一个允许我执行以下任一操作的函数：

filter<Foo>(items);

或者

filter(items, Foo);

我一直在尝试通过以下方式做到这一点：

class Foo {
    public constructor(public name: string, public type: string) {

    }
}

class Bar extends Foo { }

const items: Foo[] = [
    new Foo('Foo', 'A'),
    new Bar('bar', 'A'),
    new Foo('baz', 'B'),
];

const filter = <T extends Foo>(items: any[], typeT: T): T[] => {
    return items.filter(item => item instanceof typeT)
};

console.log(filter(items, Foo));

但这不起作用。

我怎样才能使这项工作？

打字稿示例