Я пытаюсь создать компонент-обертку, используя шаблон реакции рендеринга, но я также хочу задокументировать аргументы, передаваемые через render / children, чтобы получить, например, полезный смысл.
Я попытался определить свой собственный компонент как React.ExoticComponent<React.ConsumerProps<MYTYPE>>
, но при этом это означает объявление компонента как <Context.Consumer>
, скрытие реквизитов ввода.
const Wrapper = ({children}) => {
const exampleFunction = () => {}
return (
<div>
{children({exampleFunction})}
</div>
)
}
const ImplementationComponent = () => {
const exampleFunction = () => {}
return (
<Wrapper>
{({exampleFunction}) => (
// <Components...>
)}
</Wrapper>
)
}
Я хочу проверить проверку типов в реализации, чтобыпомогите кто будет использовать компонент обертки.