Question

我正在尝试使用react渲染模式创建一个包装器组件，但我也想记录通过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>
    )
}

我想要实现中的类型检查，以帮助谁使用包装器组件。

Answer 1

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

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

是否可以将带有jsdoc子级的文档或渲染道具用作函数？

1 个答案: