reactjs - React defaultProps 不会填充缺失的对象 Prop

Question

如果我有一个组件，其 propTypes 如下

import React, { Component } from 'react'
import propTypes from 'prop-types'

class MyComponent extends Component {
    ///
}

MyComponent.propTypes = {
    hidden: propTypes.string.isRequired,
    items: propTypes.object,
    attributes: propTypes.array
}

MyComponent.defaultProps = {
    hidden: false,
    items: {},
    attributes: ['baz', 'qux']
}

如果我的组件是这样调用的
<MyComponent hidden={true} items={[value: 'foo', label: 'bar']} />
我希望 props.attributes填充了 defaultProps值，因为它的值没有定义。这是可以(轻松)实现的吗？

Answer 1

如果你看 this example on codesandbox .

您的代码工作正常!

看看它是不是打字错误或类似的东西。

还要看看你的 Prop 类型。

为什么默认为hidden是 false , 但 Prop 类型是 string.isRequired ?

您的控制台上可能有错误，这可能会导致 defaultProps 出现问题。 .