0

введите сюда описание изображенияребят, помогите найти ошибку, редактор подсвечивает код в switch

const usersReducer = (state = initialState, action) => {
    switch (action.type) {
        case FOLLOW:
            let stateCopy = {
                ...state,
                users: state.users.map(u => {
                    if (u.id === action.userId) {
                        return { ...u, followed: true };
                    }
                    return u;
                }),
            };

        default:
            return state;
    }
};
1
  • 1
    при наведении на подчеркиваемый код, обычно, показывается подсказка, что именно с ним не так
    – Grundy
    21 фев 2022 в 14:29

2 ответа 2

0

Проблема в том что case или должен остановиться (break нужен если ничего не возвращаем) или что-то вернуть (return если. нужно обновить state) у вас нет ни того ни друго-го.

Вы создали копию состояния, но вы не вернули его рудюсеру.

const usersReducer = (state = initialState, action) => {
    switch (action.type) {
        case FOLLOW: 
            let stateCopy = {
                ...state,
                users: state.users.map(u => {
                    if (u.id === action.userId) {
                        return { ...u, followed: true };
                    }
                    return u;
                }),
            };
            return stateCopy;

        default:
            return state;
    }
};

Или более лаконичный вариант:

  const usersReducer = (state = initialState, action) => {
    switch (action.type) {
      case FOLLOW: {
        return {
          ...state,
          users: state.users.map(u => u.id === action.userId ?  { ...u, followed: true } : u),
        };
      }
      default:
        return state;
    }
  };
-2

Среда разработки, должна показать, что не хватает break перед default.

const usersReducer = (state = initialState, action) => {
  switch (action.type) {
      case FOLLOW:
          let stateCopy = {
              ...state,
              users: state.users.map(u => {
                  if (u.id === action.userId) {
                      return { ...u, followed: true };
                  }
                  return u;
              }),
          };
      break;
      default:
          return state;
  }
};

4
  • Благодарю! Почему-то vs code не показывал, да и в документации не увидел этого. Невнимательно читал видимо.
    – user469896
    21 фев 2022 в 14:48
  • 1
    @DmitryKrylov, потому что break - необязателен
    – Grundy
    21 фев 2022 в 15:06
  • я добавил break в код, все заработало, буквально через минут после сохранения break начал подсвечиваться, я убрал его и все стало ок, интересно почему так.
    – user469896
    22 фев 2022 в 9:48
  • @DmitryKrylov Чудеса :) 22 фев 2022 в 9:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.