feat(react): 新增 useSearchParam

src/react/index.ts

@@ -8,7 +8,7 @@
 
 export * from 'react-use'
 
-// @index(['./**/*.ts', '!./**/*.{test,taro}.*', '!./{useToggle,createGlobalState,useTitle,useInterval}.*'], f => `export * from '${f.path}'`)
+// @index(['./**/*.ts', '!./**/*.{test,taro}.*', '!./{useToggle,createGlobalState,useTitle,useInterval,useSearchParam}.*'], f => `export * from '${f.path}'`)
 export * from './useClassName'
 export * from './useLoadMore'
 export * from './useReachBottom'
@@ -27,3 +27,4 @@ export {
 } from './createGlobalState'
 export { useTitle } from './useTitle'
 export { useInterval, UseIntervalResult } from './useInterval'
+export { useSearchParam } from './useSearchParam'

src/react/useSearchParam.taro.test.ts

@@ -0,0 +1,32 @@
+import * as Taro from '@tarojs/taro'
+import { AnyFunction } from '../types'
+import { renderHook } from '@testing-library/react-hooks'
+
+describe('useSearchParam.taro', () => {
+  const useRouter: AnyFunction = jest.fn().mockImplementation(() => {
+    return {
+      params: {
+        id: '789',
+      },
+    }
+  })
+
+  beforeAll(() => {
+    jest.mock(
+      '@tarojs/taro',
+      () =>
+        ({
+          useRouter: useRouter,
+        } as typeof Taro),
+    )
+  })
+
+  test('表现正常', async () => {
+    const { useSearchParam } = await import('./useSearchParam.taro')
+    const { result } = renderHook(() => {
+      return useSearchParam('id')
+    })
+
+    expect(result.current).toBe('789')
+  })
+})

src/react/useSearchParam.taro.ts

@@ -0,0 +1,7 @@
+import { useSearchParam as _useSearchParam } from 'react-use'
+import { useRouter } from '@tarojs/taro'
+
+export const useSearchParam: typeof _useSearchParam = param => {
+  const { params } = useRouter()
+  return params[param] == null ? null : params[param]
+}

src/react/useSearchParam.ts

@@ -0,0 +1,2 @@
+/* istanbul ignore file */
+export { useSearchParam } from 'react-use'