在没有 props 参数的函数组件中访问 children

Question

我创建了一个 class，看起来像这样：

const Button = ({href, className, rippleColor, type}) => {
... 
}

我正在使用这样的组件：

<Button rippleColor={'#ff0000'} type={'primary'} className={'my-4'}>Test</Button>

现在我想访问组件的 props.children 而无需将 ({href, className, rippleColor, type}) 切换到 (props)

有办法吗？

Answer 1

是的，只需将 children 添加到您的解构中，

const Button = ({children, href, className, rippleColor, type}) => {
... 
}