Render props — это техника для обмена состояниями между React компонентами с помощью пропса, значение которого является функцией.
В этом паттерне ты передаёшь функцию как проп в компонент. Эта функция получает данные от родительского компонента и возвращает React-элемент, который будет отрендерен.
<DataProvider render={data => (
<h1>{`Hello ${data.target}`}</h1>
)} />
В этом примере проп render принимает функцию, которая получает data и возвращает JSX для отображения.
Этот паттерн широко используется в популярных библиотеках:
Хотя render props остаётся рабочим паттерном, сейчас многие команды предпочитают React Hooks для похожих задач, так как хуки часто дают более чистый и понятный API.
Render prop — это функция, которую ты передаёшь как prop компоненту, она получает данные и возвращает React элемент для рендеринга.
Новый — ещё не проверен сообществом
Вы