重置distinctuntilchanged

重置distinctuntilchanged

情况

我想知道是否可以重置distinctUntilChanged部分
以便它可以接受重复的值。

所以我的情况是,现在我正在使用这样的函数(仅作为示例大大缩短了)。

    Rx.Observable.fromEvent(textInput, 'keyup')
      .pluck('target','value')
      .filter( (text) => {
          text = text.trim();
          if (!text.length) // empty input field
          {
              this.setState({ list: [] });
          }
          return text.length > 0;
      })
      .debounceTime(300)
      .distinctUntilChanged()

因此,在此过程的最后,结果创建了一系列的div,我可以单击它们,然后更改输入的值(下面的调用函数)。
fill_name(name)
{
  $("#company_input").val(name);
  this.setState({ list: [] });
}

因此,如果我在输入中键入a,那么我将所有这些都用退格键删除并重新键入a,可观察对象将不会调用我的函数。

我想要的是

我想通过某种方式让fill_name函数重置distinctUntilChanged部分,以便在单击生成的div后可以再次搜索a

最佳答案

假设您有一个Observable的generateDivClicks $:

const reset$ = generatedDivClicks$.mapTo('reset');

const input$ = Rx.Observable.fromEvent(textInput, 'keyup')
  .pluck('target','value')
  .filter( (text) => {
      text = text.trim();
      if (!text.length) // empty input field
      {
          this.setState({ list: [] });
      }
      return text.length > 0;
  })
  .debounceTime(300);

Rx.Observable.merge(reset$, input$)
    .distinctUntilChanged()
    .filter(x => x !== 'reset')

09-25 18:35