[Recompose] Merge RxJS Button Event Streams to Build a React Counter Component
React to build Component Event button Merge Rxjs
2023-09-14 09:00:50 时间
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 ) } );
相关文章
- React源码分析(三):useState,useReducer
- React saga_react获取子组件ref
- React 动态菜单-不限级递归菜单树
- React Error: Failed at the xxx@0.1.0 start script 'react-scripts start'.
- React内部是如何实现cache方法的?
- 从React源码来学hooks是不是更香呢
- Mac下搭建React开发环境
- react源码中的协调与调度
- 用了vue还需要jquery吗_vue与react的区别
- 百度前端高频react面试题(持续更新中)_2023-02-27
- 从源码角度看React-Hydrate原理_2023-03-01
- React源码之任务调度
- React源码学习进阶篇(一)新版React如何调试源码?
- 2023前端二面react面试题(边面边更)
- react源码分析:深度理解React.Context
- React源码分析5-commit6
- react源码解析3.react源码架构
- react踩坑笔记
- React--11: refs与事件处理非受控组件和受控组件
- 探索React框架中MySQL数据库的应用(react mssql)
- 利用Oracle TO函数实现数据转换(oracle to_函数)