react

После имени свойства просто добавляем знак вопроса (если этого свойства может не быть):

type SortSignPropsTypes = {
  onUp?: Function,
  onDown?: Function,
};

Потом эти свойства можно получить разложение объекта:

export default function SortSign(props: SortSignPropsTypes) {
  
  const {onUp, onDown} = props;

• Базовое определение хранилища store: https://redux.js.org/introduction/gettin...
• Провайдер хранилища для приложения (предварительно нужно определить store): https://redux.js.org/tutorials/fundament...

Есть, как минимум Draft.js и основанный на ней пакет: https://github.com/jpuri/react-draft-wys...

SCU - сокращение от первых букв слов названия метода shouldComponentUpdate()

Документация по оптимизации: https://ru.reactjs.org/docs/optimizing-p...

Смотрите в документации тут: https://ru.reactjs.org/docs/jsx-in-depth...

Пример из документации:

Решение

В обработчике убираем .preventDefault() - и тогда клик начинает работать нормально

Например, для чекбокса:

<CheckboxInput
   value={objectFloorsEnabledCount === objectFloorsCount}
   name={`${buildingIndex}-enabled`}
   onChange={handleChangeObjectCheckbox}
   // disabled={!allowEdit}
   label={objectFloorsEnabledCount + '/' + objectFloorsCount}
/>

было так:

react-pdf

Для отображения pdf файлов можно использовать пакет react-pdf).

Читайте также о проблемах при настройке и их решениях.

Примеры работы с react-pdf

Вывод сразу всех страниц документа

Можно так:

Проблема

Для кода вида (пакет react-pdf):

<Document
  file={link}
  onLoadSuccess={null}
  onLoadError={onLoadError}
>
  <Page pageNumber={1} />
</Document>

Получаем в консоли браузера:

Warning: Setting up fake worker.

-- предупреждение в pdf.js:549, затем:

Uncaught SyntaxError: Unexpected token '

Например для подобного элемента: