使用 React 和 Bacon 从节点获取 EventStream

Question

这就是我如何从具有 bacon.js:

的常规 DOM 节点获取 EventStream

var el = document.getElementById('input1');
var stream = Bacon.fromEvent(el, 'input')

使用 React 时，DOM 节点可能会在一些 render() 迭代后重新创建，因此从真实的 DOM 节点（使用 React.findDOMNode）获取事件不是一种选择。目前唯一能想到的办法就是手动处理事件，然后推送到总线：

var Component = React.createClass({
  streams: {},
  componentDidMount: function() {
    this.streams.inputBus = new Bacon.Bus();
  },
  componentWillUnmount: function() {
    this.streams.inputBus.end();
  },
  onInput: function(e) {
    this.streams.inputBus.push(e);
  },
  render: function() {
    return (
      <input type="text" onInput={this.onInput} />
    );
  }
});

这个方法可以吗，或者有什么更好的方案吗？

Answer 1

我会说没关系。这两个示例中使用了类似的方法：

使用 React 和 Bacon 从节点获取 EventStream

Get EventStream from a node with React and Bacon

javascript

frp

bacon.js

reactjs