@uiw-admin/utils v6.1.9

Utils工具

request

系统的请求基于axios进行了二次封装，参见axios

方法

基于restful规范，提供了2个方法：

• get 获取服务端数据，参数拼接在url上，以 query string 方式发送给后端
• post 新增数据，参数以body形式发送给后端

参数

Options

调用方式

✨配和swr调用

如果已全局配置过swr,可不用传入request

import React from 'react'
import useSWR from 'swr';
import { request } from "@uiw-admin/utils"

export default const Index = () => {
  const [ name ,setName ] = React.useState('')
  const { mutate } = useSWR(
    ['/api/selectById',{ method: 'POST', body: {id:1} }],
    request,
    {
      revalidateOnMount: false,
      revalidateOnFocus: false,
      onSuccess: (data) => {
        if (data && data.code === 200) {
          setName(data.data)
         }
      },
    }
  )

  React.useEffect(()=>mutate(false),[mutate])

  return <div>{name}</div>
}

在rematch中使用

在servers/index.js中

import { request } from "@uiw-admin/utils"

export const selectById = (params:{id:string}) => request("/api/selectById",{ method:"POST",body: { ...params } })

> 在model/index.js中
```ts
import { RootModel } from '@kkt/pro'
import { createModel } from '@rematch/core'
import { selectById } from '../servers'

const index = createModel<RootModel>()({
  name: 'index',
  state: {
    name:''
  },
  reducers: {
    updateState: (state: any, payload: any) => ({
      ...state,
      ...payload,
    }),
  },
  effects: (dispatch) => ({
    async selectById(payload: {id:string}) {
      const dph = dispatch
      const data = await selectById(payload)
      if (data.code === 200) {
        dph.index.dispatch({
          type:"updateState",
          payload:{
            name:data.data || ''
          }
        })
      }
    },
  }),
})
export default index

在页面中调用

import React from 'react'
import { useDispatch,useSelector } from 'react-redux'
import { RootState,Dispatch } from '@kkt/pro'

export default const Index = () => { const dispatch = useDispatch() const stores = useSelector((state: RootState) => state) || {} const { index:{ name } } = stores React.useEffect(()=>{ dispatch({ type: 'index/selectById', payload:{id:1}, }) },[]) return {name} }

# splitUrl

拼接url参数

```ts
import { splitUrl } from "@uiw-admin/utils"

const url = splitUrl('https://github.com/uiwjs/uiw-admin', { a: 1, b: 2 });

console.log(url); // https://github.com/uiwjs/uiw-admin?a=1&b=2

参数

❤️贡献者

感谢所有的贡献者，欢迎开发者为开源项目贡献力量。

License

Licensed under the MIT License.