Redux useDispatch 返回一个 Array React Hooks？

Question

我在 React Hooks 中使用 useDispatch 制作了 Redux，但是当我调用 dispatch 结果变成 Array 而不是字符串。

我的调度代码

//Variable for dispatch and useSelector
  const profileStore = useSelector(state => state)
  const dispatch = useDispatch()

//Code dispatch
     <TouchableOpacity onPress={() => dispatch(profileAction('Profile Change'))}>
        <Text>helo</Text>
      </TouchableOpacity>

我的减速器

import { PROFILE_SAMPLE } from '../types'


export default (state = 'Prev State Profile', { type, payload }) => {
  switch (type) {

  case PROFILE_SAMPLE:
    return { ...state, ...payload }

  default:
    return state
  }
}

我的行动

import {PROFILE_SAMPLE} from '../types'
export const profileAction = (payload) => ({
  type: PROFILE_SAMPLE,
  payload
})

Answer 1

问题是你正在传播你的字符串值并在更新reducer时返回一个对象。

如果您想简单地替换字符串，请更新它

case PROFILE_SAMPLE:
    return payload

或者如果你想合并字符串更新它像

case PROFILE_SAMPLE:
    return `${state}${payload}`