redux-actions 如何使用

https://www.npmjs.com/package/redux-actions

npm install --save redux-actions

import { createActions } from ‘redux-actions‘     //引入
import * as TYPE from ‘@/constants/actionTypes‘    
import { get } from ‘@/utils/request‘    //自己手动封装了一个axios
import api from ‘@/services/api‘    //这里是url接口地址

export default createActions({
  [TYPE.GET_DATA]: option => get(api.getuser) 
})

import { handleActions } from ‘redux-actions‘
import * as TYPE from ‘@/constants/actionTypes‘
 
const defaultState = {
  data: [],
}

export default handleActions({
  [TYPE.GET_DATA]: (state, action) => ({ ...state,  data: action.payload.users }) 
}, defaultState)

import React, { useState, useEffect } from ‘react‘
import { connect } from ‘react-redux‘
import * as TYPE from ‘@/constants/actionTypes‘
import { str } from ‘@/utils/string‘   
import homeAction from ‘@/action/home‘

export default connect(({ home }) => {
  return {
    data: home.data
  }
}, {
  getData: homeAction[str(TYPE.GET_DATA)],
})(Hook)

function Hook(props) {
  const { getData, data } = props

  useEffect(() => {
    getData()
  }, [])
  
  return (
    <div>
      {JSON.stringify(data)}
    </div>
  )
}

function str (Names) {
  return Names.toLowerCase().replace(/^\_/, ‘‘).replace(/\_([a-zA-Z0-9])([a-zA-Z0-9]+)/g, function (a, b, c) {
    return b.toUpperCase() + c.toLowerCase()
  })
}

export {
  str
}