reactjs - 如何在 React 功能组件中声明默认 props

Question

我想在功能组件中声明默认 props

通常我们会这样做

function Body() {
    static defaultProps = {
        counter: 0
    }
    return (
        <div>
            body
        </div>
    );
}

这显然行不通

Answer 1

这通常称为功能组件，而不是钩子(Hook)组件。

对于 defaultProps 你可以这样做:

const Body = ({ counter }) => {
    return (
        <div>
            {counter}
        </div>
    );
}

Body.defaultProps = {
    counter: 0
}