在 Aurelia 框架内的 React 中使用 redux

Question

我正在为我的客户端应用程序使用 Aurelia 框架。但是，出于特殊原因，我对某些屏幕使用了 React。在客户端应用程序中实现 redux，我发现它非常复杂，因为 redux 已经在 react 部分中使用了。有人知道如何将同一家商店与 React 和 aurelia 一起使用吗？提前致谢。

Answer 1

好吧，没有什么能阻止您在 Aurelia 内使用同一家商店。 Here's a blog post of mine 与 Aurelia 一起使用 Redux，它包含这样的示例：

import marked from 'marked';
import { bindable } from 'aurelia-framework';
import { createStore } from 'redux';

export class MarkdownRedux {
  @bindable raw;
  html = '';
  store = createStore(textUpdater);

如您在上面的行中所见，此时它实际上创建了一个新商店。因此，您应该只获取对您之前从 React 创建和导出的商店的引用。

  constructor() {
    this.store.subscribe(this.update.bind(this));
  }

  update() {
    const state = this.store.getState();
    this.html = state.html;
    this.raw = state.raw;
  }

  keyupHandler(newValue) {
    this.store.dispatch(updateText(newValue));
  }

  attached() {
    this.keyupHandler(this.raw);
  }
}

下面就是和往常一样的状态调度和获取。

在 Aurelia 框架内的 React 中使用 redux

Using redux in React inside Aurelia framework

reactjs

aurelia

redux