分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

[Recompose] Merge RxJS Button Event Streams to Build a React Counter Component

发布时间:2023-09-06 01:32责任编辑:傅花花关键词:React

Combining input streams then using scan to track the results is a common scenario when coding with streams. This lesson walks you through setting up two buttons and merging their input events together to build a streaming Counter component.

const CounterStream = componentFromStream( ?props$ => { ???const { stream: onInc$, handler: onInc } = createEventHandler(); ???const { stream: onDec$, handler: onDec } = createEventHandler(); ???return props$ ?????.switchMap( ?????propos => Observable.merge( ???????onInc$.mapTo(1), ???????onDec$.mapTo(-1) ?????) ???????.startWith(propos.value) ???????.scan((acc, curr) => acc + curr) ???????.map((value) => ({ value, onInc, onDec }))) ?????.map( ?????Counter ?????) ?});

[Recompose] Merge RxJS Button Event Streams to Build a React Counter Component

原文地址:http://www.cnblogs.com/Answer1215/p/8087375.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved