Метод render() возвращает JSX-элементы, которые представляют собой виртуальное представление компонента. JSX может быть представлен различными типами данных, такими как:

1. Элементы
2. *Строки и числа
3. Массивы
4. null и false
5. *Порталы (Portals)
6. React.Fragment

Render Props §

Render Props — это функция, которая сообщает компоненту что необходимо рендерить.

<DataProvider render={(data) => <h1>Привет, {data.target}</h1>} />

Важно запомнить, что из названия паттерна «рендер-проп» вовсе не следует, что для его использования вы должны обязательно называть проп render. На самом деле, любой проп, который используется компонентом и является функцией рендеринга, технически является и «рендер-пропом».

Назад