Блог

Похоже, я не могу отправлять логические значения. Может кто-нибудь сказать мне, что я делаю не так?

Это мое состояние:

 const initState = {
  allSongs: songData(),
  currentSong: { ...songData()[0] },
  isPlaying: false,
};
 

Как я могу управлять isPlaying с помощью функции отправки?Когда я отправляю его таким образом, он не работает:

       dispatch(playAndPause(true));
 

Это мой создатель действий:

 export const playAndPause = (isPlayingBool) => (dispatch) => {
  return {
    type: PLAY_AND_PAUSE,
    payload: {
      isPlaying: isPlayingBool,
    },
  };
};
 

Редуктор:

 case PLAY_AND_PAUSE:
      return {
        ...state,
        isPlaying: action.payload.isPlaying,
      };
 

То, что у вас есть playAndPause , — это не обычный создатель действий, а создатель действия thunk. Эта внутренняя функция будет вызвана и позволит вам выполнять асинхронные действия перед фактической отправкой. Если бы вы хотели пойти по этому пути, правильным способом было бы

 export const playAndPause = (isPlayingBool) => (dispatch) => {
  // do some stuff here
  dispatch({
    type: PLAY_AND_PAUSE,
    payload: {
      isPlaying: isPlayingBool,
    },
  });
};
 

Но на самом деле, вам, вероятно, нужен обычный создатель действий:

 export const playAndPause = (isPlayingBool) => ({
  type: PLAY_AND_PAUSE,
  payload: {
    isPlaying: isPlayingBool,
  },
});
 

Также, пожалуйста, обратите внимание, что вы пишете здесь довольно старый стиль redux. Если вы изучаете redux прямо сейчас, пожалуйста, прекратите любое руководство, которому вы следуете, и вместо этого следуйте официальным руководствам.
В конце концов, вы напишете, возможно, 1/4 кода, который вы будете писать, с текущим стилем, который вы используете.

Например, современный redux не требует от вас написания каких-либо создателей действий или констант типа действия. В нем также нет редукторов switch … case или неизменяемой логики в редукторах.