【文件属性】:
文件名称:react-rxjs-elements:RxJS内容的React组件
文件大小:195KB
文件格式:ZIP
更新时间:2021-05-14 17:04:13
react rxjs js reactjs observable
<$> 对RxJS内容进行React
只需添加一个Observable作为<$>的子代之一:
< $ > { stream$ } < / $ >
或使用动态元素,例如$ img
< $img src = { stream$ } / >
react-rxjs-elements将订阅stream$并在适当位置显示其更新。 并且它将为您清除所有有关组件卸载的订阅。
尝试
:package: 安装
npm i react-rxjs-elements
:open_book: 例子
一个简单的计时器-
import React from 'react' ;
import { timer } from 'rxjs' ;
import { $ } from 'react-rxjs-elements' ;
function App ( ) {
return < $ > { timer ( 0 , 1000 ) } sec
【文件预览】:
react-rxjs-elements-master
----.gitignore(929B)
----package.json(2KB)
----package-lock.json(814KB)
----src()
--------fragment.ts(2KB)
--------index.ts(85B)
--------elements.ts(6KB)
--------intrinsic.ts(907B)
--------shared.ts(646B)
----webpack.config.js(76B)
----jest.config.js(70B)
----LICENSE(1KB)
----CHANGELOG.md(207B)
----tsconfig.json(362B)
----README.md(3KB)
----configs()
--------webpack.dev.js(326B)
--------tsconfig.cjs.json(185B)
--------tsconfig.types.json(255B)
--------webpack.base.js(859B)
--------tsconfig.esm.json(155B)
--------tsconfig.es2015.json(186B)
--------tsconfig.base.json(355B)
--------webpack.build.min.js(224B)
--------webpack-rxjs-externals.js(597B)
--------webpack.build.js(221B)
----tests()
--------fragment.test.tsx(4KB)
--------ErrorBoundary.tsx(737B)
--------elements.test.tsx(6KB)
----.editorconfig(147B)