从 React 应用程序外部访问 Component 方法

Question

我有一个 React/Redux 应用和一个组件。

不幸的是，我必须使用需要从 React 应用程序中触发函数的第三方库。

class Account extends React.Component {
  doSomething(){
    // Do react things
  }
  render{
    return()
  }
}

现在我有一些我无法控制的 HTML 被插入到 DOM 中。这不是 iFrame。

<button onClick="doSomething()">interact with react</button>

有什么方法可以从 React 外部触发 doSomething() 方法？我需要像ReactApp.Account.doSomething()这样的东西。

Answer 1

如果我理解正确，在 React/Redux 应用程序中执行您想要的操作的正确方法是将新操作发送到商店并相应地注册您的事件处理。

<button onClick="store.dispatch(createAction())">interact with react</button>

除非万不得已，否则不要试图找到“破解” React 组件内部的方法。由于您已经有了类似 Flux 的模式，因此忽略它会很糟糕。尽管正如@Kovensky 在评论中提到的那样，这种方法的设置似乎稍微复杂一些。