reactjs - 是否可以将带有 jsdoc 子项或渲染 Prop 用作函数的文档？

Question

我正在尝试使用 react 渲染模式创建一个包装器组件，但我也想记录通过渲染/子项传递的参数，例如，以获得有用的智能感知。

我试图将我自己的组件定义为 React.ExoticComponent<React.ConsumerProps<MYTYPE>> ，但这样做意味着将组件声明为 <Context.Consumer> ，隐藏输入 Prop 。

const Wrapper = ({children}) => {

    const exampleFunction = () => {} 

    return (
        <div>
            {children({exampleFunction})}
        </div>
    )
}

const ImplementationComponent = () => {

    const exampleFunction = () => {} 

    return (
        <Wrapper>
            {({exampleFunction}) => (
                // <Components...>
            )}
        </Wrapper>
    )
}

我想要在实现中进行类型检查，以帮助谁应该使用包装器组件。

Answer 1

/** @param {{ children: JSX.Element}} [Props] */

const Wrapper = ({children}) => {...}