Вы можете обрабатывать состояние с помощью редюера в ваших компонентах класса, имея одну функцию, которая преобразует действия в изменения состояния. Он централизует все ваши setStates.

Что такое редюсер?

Редюсеры - это функции, которые принимают данные и решают, что делать с ними в одном центральном месте. 

Если у вас есть функция, которая определяет представление для отображения на основе URL-адреса, это сокращение.

Redux Reducers - это конкретное использование редюсера, которые интерпретируют события в вашем приложении и то, как оно меняет состояние приложения.

Из этого туториала вы узнаете, как быстро приступить к созданию приложений React с использованием TypeScript без необходимости какой-либо настройки с помощью create-react-app (CRA). Предположим, что на вашем компьютере уже установлены Node и NPM. Ваше приложение TypeScript/React будет работать сразу после установки без необходимости использовать CRA. Кроме того, вы узнаете, как создавать свои собственные компоненты и управлять props и state, используя TypeScript.

Иногда, в зависимости от условий, вам необходимо выполнить различные действия или представить конкретное отображение. Для этого вам потребуется использовать условные выражения.

Для тех, кто не знает, что такое условные выражения:

if (year > 2017){
    console.log("It is too yearly!") 
} else {
    console.log("Yeah, it is time now!") 
}