@norejs/react-utils 1.0.0

package/components/ErrorBoundary.tsx

@@ -0,0 +1,45 @@
+import React, { Component } from 'react';
+
+export type IProps = {
+    fallback?: React.ReactNode;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+    children?: React.ReactNode;
+};
+type IState = {
+    hasError: boolean;
+};
+export default class ErrorBoundary extends Component<IProps, IState> {
+    state = {
+        hasError: false,
+    };
+    constructor(props) {
+        super(props);
+    }
+
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { hasError: true };
+    }
+
+    componentDidCatch(error, errorInfo) {}
+
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback || null;
+        }
+
+        return this.props.children;
+    }
+}
+
+export const withErrorBoundary = (Component, fallback = null) => {
+    return class newComponent extends React.Component {
+        render() {
+            return (
+                <ErrorBoundary fallback={fallback}>
+                    <Component {...(this.props || {})} />
+                </ErrorBoundary>
+            );
+        }
+    };
+};

package/hooks/useDebounce.ts

@@ -0,0 +1,16 @@
+// import { useCallback, useRef, useMemo } from 'react';
+// import { debounce } from '../modules/debounce';
+// export function useDebounce(fn, state = [], delay = 500) {
+//     const cbRef = useRef(() => {});
+//     cbRef.current = useCallback(() => {
+//         fn();
+//     }, [fn, ...state]);
+
+//     return useMemo(() => {
+//         // 原来的 debounce 的 setTimeout 清楚
+//         return debounce(() => {
+//             // console.log(cbRef?.current)
+//             cbRef?.current?.();
+//         }, delay);
+//     }, []);
+// }

package/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@norejs/react-utils",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}