Как управлять состояниями интерфейса?

Question

[beduin01]

Такой вопрос. Какой есть способ обрабатывать все возможные состояния интерфейса?
Имеется ввиду состояния:
isLoading
isSuccess
isEmpty

Плюс сюда еще всегда добавляю состояние errorText на случай ошибки.

Как все это правильно обработать? В настоящий момент просто горожу вереницу if.

Может есть какой-то паттерн или еще что на этот случай?

Comments

[Just Me]

кастомный хук на основе useReducer'a

Answer 1

[Alexandroppolus]

Можно юзать вложенный тернарник. Ничего более компактного всё равно не придумаешь.

return isEmpty ? <Empty /> : isLoading ? <Loading /> : errorText ? <Error text={errorText} /> : <ShowSuccessData ... />

Answer 2

[Ilya Olovyannikov]

[state, setState] = useState(false);


  return (
    {state && <Component/>}
  )