Наличие двух условий в getDerivedStateFromProps

В моем приложении под getDerivedStateFromProps я должен написать 2 таких условия.

static getDerivedStateFromProps(nextProps) {
      if (nextProps.errors) {
         return { errors: nextProps.errors };
      }

      if (nextProps.profile.profile) {
         const profile = nextProps.profile.profile;

         profile.company = !isEmpty(profile.company) ? profile.company : '';
         profile.website = !isEmpty(profile.website) ? profile.website : '';
         profile.location = !isEmpty(profile.location) ? profile.location : '';

         return {
            company: profile.company,
            website: profile.website,
            location: profile.location,
         };
      }

      return null;
   }

Но здесь только первое, если условие работает. Как мне организовать этот код?

что я думаю, только сначала, если условие работает, потому что у вас есть оператор возврата в этом условии.

— 14.02.2019 10:26

Что значит работает только первое условие? Похоже, вы хотите, чтобы они оба работали одновременно?

— 14.02.2019 11:10

reactjs

14.02.2019 10:23

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

static getDerivedStateFromProps(nextProps) {
      const result = {};

      if (nextProps.errors) {
         result.errors = nextProps.errors;
      }

      if (nextProps.profile.profile) {
         const profile = nextProps.profile.profile;

         profile.company = !isEmpty(profile.company) ? profile.company : '';
         profile.website = !isEmpty(profile.website) ? profile.website : '';
         profile.location = !isEmpty(profile.location) ? profile.location : '';

         result.company = profile.company;
         result.website = profile.website;
         result.location = profile.location;
      }

      return result;
   }

03.12.2019 16:15

Другие вопросы по теме

Реагировать на перенаправление на другую страницу с помощью клавиши Enter без обновления страницы

Событие щелчка документа ReactJS не срабатывает

Как добавить флажок в ячейки в ячейках заголовка реагирующей начальной загрузки table2?

Как выполнить мутацию статуса выпадающих списков в ReactJS?

NodeJs при импорте файлов в приложение Create React

Используя react-web-tabs, есть ли способ переключать вкладки и переходить к хешированному идентификатору с помощью щелчка?

Реакция: невозможно получить доступ и протестировать свойства и состояние во время мелкого рендеринга Jest/Enzyme

Передача параметров в ответной нативной навигации

Гистограмма с одинаковыми минимальными и максимальными значениями показывает гистограмму в нулевой позиции

@Keyframs move { SyntaxError: Недопустимый или неожиданный токен при использовании анимации React + Next.js

Наличие двух условий в getDerivedStateFromProps

Ответы 1

Другие вопросы по теме

Похожие вопросы