react essential tools下載 - react essential tools源代碼下載

下載

反應態度工具

基本反應鉤和組件的收集

現場故事書用法示例

 npm i react-essential-tools

您需要安裝React 16.8.0或更高版本才能使用掛鉤API。您可以使用名為Imports的ES6導入每個鉤子或組件（推薦樹搖動）。

 import { Tooltip , useAsync } from 'react-essential-tools' ;

來源	預覽	簡短描述
`CircularProgress`	演示	進度指標通常稱為旋轉器，表達未指定的等待時間或顯示過程的長度。
`Modal`	演示	為創建對話，彈出式，燈箱或其他任何東西提供了堅實的基礎。
`Backdrop`	演示	您的應用程序上的一個昏暗層。
`Skeleton`	演示	裝載的佔位符
`NoSsr`		禁用SSR的內容
`Tooltip`	演示	帶有信息的小彈出窗口
`Popper`	演示	在另一個之上顯示內容
`Collapse`	演示	動畫擴展內容/崩潰
`Slide`	演示	動畫內容滑入/滑出內容
`Zoom`	演示	動畫內容的縮放/縮放內容
`Fade`	演示	動畫內容的淡入/淡出內容
`Grow`	演示	動畫內容的規模/規模
`Portal`	演示	在任何目標dom節點內渲染內容

來源	預覽	簡短描述
`useDebouncedCallback`	演示	被拒絕回調
`useLongPress`	演示	長時間施加了回調
`useHover`	演示	跟踪盤旋的元素
`useHistory`	演示	帶有撤消/重複/重置的狀態
`useMedia`	演示	CSS媒體查詢狀態
`useMotion`	演示	設備加速傳感器狀態
`useClipboard`	演示	讀寫到用戶的剪貼板
`useMouse`	演示	鼠標位置狀態
`useIntersection`	演示	元素的交集視口狀態
`useClickAway`	演示	在外麵點擊發射回調
`useNetwork`	演示	網絡信息狀態
`useWindowScroll`	演示	窗戶滾動位置狀態
`useKey`	演示	配置鍵盤鍵使用後，發射回調
`useEvent`	演示	在卸載中添加聽眾和自動清潔
`useTimeoutFn`	演示	延遲發射回調
`useInterval`	演示	用受控間隔發射回調
`usePrevious`	演示	以前的狀態值
`useUpdateEffect`	演示	使用第一次調用的`useEffect`
`useMount`	演示	在山上發射回調
`useUnmount`	演示	在UNMOUNT上發射回調
`useLocalStorage`		同步態與`localstorage`
`useAsync`	演示	異步/承諾立即解決
`useAsyncFn`	演示	異步/承諾通過回調對狀態解決
`useBoolean`	演示	帶有布爾值和切換回調的狀態
`useSetState`	演示	與類組件相似的狀態`setState`合併行為
`useFirstMountState`	演示	在第一個組件的渲染上返回`true`
`useMountedState`	演示	返回回調以檢查組件是否已安裝
`useIsomorphicLayoutEffect`		服務器端渲染時不會顯示警告的`useLayoutEffect`