rxjs创造类操作符

range:指定范围

从1到100的整数。

range(起点数字，长度)。固定每次增加1.

import React from 'react';
import { range } from 'rxjs';

const FlowPage = () => {
  const source$ = range(1,100)
  source$.subscribe(
    console.log,
    null,
    ()=>console.log('complete')
  )
  return <h1>rxjs学习</h1>;
};

export default FlowPage;

起点可以是任何数字

const source$ = range(1.5,3)

执行结果：

 如果想要每次递增2，range不支持，但是可以结合map来实现：

const source$ = of(1,2,3).map(x=>x*2)

generate：循环创建

import { generate } from 'rxjs';
...
  const source$ = generate(
    2, // 初始值，相当于for循环中的i=2
    value => value < 10, // 继续的条件，相当于for中的条件判断
    value => value + 2, // 每次值得递增
    value => value * value // 产生的结果
  )
...

const source$ = generate(
    'x',
    value => value.length < 3,
    value => value + 'x',
    value => value
  )

执行结果：