KirylLapouski

Примерно так.

Потому-что вы используете два роутера в приложении. Из одного хотите поменять контент в другом. Это так не работает.
Демо.
Попробуйте открыть старницу Test по нижней ссылке, у вас ничего не получится, так как Router не обрабатывает такой путь, при этом Link успешно подменяет location.
В верхнем роутере этот путь обрабатывается и контент успешно обновляется.

Вам надо объединить все в один роутер.
Демо 2

import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';

class Example extends Component {
  handler = () => {
    this.props.history.push('/cources');
  };
  
  render() { /* ... */ }
}

export default withRouter(Example);

Возможно, вам подойдет простой вариант с компонентом Link:

import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Example extends Component {
  render() {
    return <Link to="/cources" />;
  }
}

export default Example;

Вы изначально не верно сформулировали вопрос - поэтому и не понятна его суть. Что такое свойства класса? Свойства класса - это характеристики которые его описывают. Для примера возьмем обычный класс стека, какие свойства у него есть?
1. Он хранить в себе множество объектов
2. У него есть информация о количестве хранимых объектов, реализуемая как правило с помощью атрибута(поля) класса
3. У него есть возможность получение объекта по принципу "Первый вошел - последний вышел", реализуемая как правило с помощью метода

Судя по комментариям, Вы спрашиваете про атрибуты(поля) класса - компоненты которые, описывают хранимые данные. Абстрактные атрибуты имеют такое же предназначение как и абстрактные методы, т.е. их задачи:
- декларировать наличие атрибутов которые должны обязательно присутствовать в дочерних классах
- "перелаживать" подробности реализации на дочерние классы. Стоит не забывать что атрибуты классов, как и методы, так же могут иметь разную реализацию - их данные могут храниться в памяти либо вычисляться на лету (и некоторые языки программирования соответственно предусматривают такие варианты реализации)

class Example extends Component {
  state = {
    inputValue: '',
  };

  handleChange = e => { 
    const { name, value } = e.target;
    
    this.setState({
      [name]: value,
    });
  };

  handleSubmit = e => {
    e.preventDefault();
    //  получить состояние формы можно обратившись к this.state
  };

  render() {
    const { inputValue } = this.state;

    return (
      <form onSubmit={this.handleSubmit}>
        <input
          name="inputValue"
          value={inputValue}
          onChange={this.handleChange}
        />
        ...
      </form>
    );
  }

Очень советую для форм использовать formik или formsy
В формси на onSubmit как раз передается функция, принимающая модель - объект с данными формы.

Расширение, обобщение и наследование это случаи одного и того же отношения "is a".
В общем наследование - это повторении дочерним классом структуры и функциональности родительского
Расширение - это частный случай наследования, при котором дочерний класс не только получает компоненты родительского но и еще реализовывает собственные компоненты
Обобщение - это выделение у нескольких классов общего предка, от которого можно наследоваться

1. Да, конечно, может, еще это называется "толстый" клиент
2. Консоль предполагает текстовый ввод/вывод, а Desktop-приложение предоставляет пользователю ГИП (графический интерфейс пользователя)
В целом эта классификация достаточно условная.

Может ли desktop приложение быть клиент-серверным?

Может. Пример - браузер.

В чём отличие консольного от desktop приложения?

У консольного интерфейс - командная строка, у десктопного GUI (графический интерфейс).

Да, это нормально. Более того, рендеринг и api могут быть на разных серверах. Запрос от сервера к другому серверу или к самому себе должен быть как от клиента, с теми же заголовками.
Посмотрите существующие примеры react ssr.

SELECT *
FROM
  (SELECT id FROM A UNION SELECT id FROM B) AS AB
  NATURAL LEFT OUTER JOIN
  (SELECT id, count(id) AS ca FROM A GROUP BY id) AS AA
  NATURAL LEFT OUTER JOIN
  (SELECT id, count(id) AS cb FROM B GROUP BY id) AS BB
WHERE coalesce(ca, 0) != coalesce(cb, 0);

Пишете отдельный скрипт, вешаете его в крон.