如何为 Polymer.AppLocalizeBehavior 创建 Mixins

Question

如何为 Polymer.AppLocalizeBehavior 为 Polymer 2.x 创建混入？

我正在使用以下语法使用 Redux mixin：

 class MyCreateAccount extends ReduxBehavior(Polymer.Element) {..}

我需要将 Polymer.AppLocalizeBehavior 添加到我的 class 声明中，并且需要帮助来创建所需的 mixin。

Answer 1

在基于 class 的语法中，您可以模拟 class 混入的元素多重继承。

例如，如果您创建了这样的 redux 存储文件

<...your redux store content...>
const store = Redux.createStore((state = {}, action) => state)
const ReduxMixin = PolymerRedux(store)

您可以导入该文件并使用 redux mixin 绑定元素，包装您可以在其中包含您的行为的 mixin 行为。

class MyCreateAccount extends ReduxMixin(Polymer.mixinBehaviors([Polymer.AppLocalizeBehavior], Polymer.Element)) { .. }

或者您可以通过扩展 Polymer.mixinBehaviors([behaviors], superclass) 将 Polymer 2 混合行为用作混入，如下所示

class MyCreateAccount extends Polymer.mixinBehaviors([Polymer.AppLocalizeBehavior, ReduxBehavior], Polymer.Element) { .. }