Можно ли указать какие компоненты можно передать в children?

Question

[ivan0512]

Подскажите, можно как-нибудь указать, какие именно компоненты можно передать в children.
Или остается только использовать тип children: React.ReactElement?

Answer 1

[Mikhail Osher]

В children можно передать что угодно. Вопрос в том, как компонент будет это использовать.
Например, в паттерне Render Props, children передают, как функцию.

// edit-ответ на коммент

Как-то так должно работать.

import React from 'react';

interface MyComponentProps {
  children: (items: string[]) => void;
  regexp: RegExp;
  items: string[];
}

export const MyComponent: React.FC<MyComponentProps> = ({ children, items, regexp }) => {
  return children(items.filter(item => regexp.test(item)));
}

Comments

[ivan0512]

Да, спасибо за ответ. Я понимаю, что передать можно все, но можно ли как-то типизировать с использованием ts, какие именно компоненты можно передать в children или другие пропсы?