道具类型失败：提供给“SettingsPage”的价值“MemberBenefitInterests”的道具“preferences[19].category”无效

Question

我正在开发一个我仍然熟悉的 React-Redux 微服务应用程序，在克隆它并在本地主机环境中启动它后，我在控制台中看到了这个错误：

Warning: Failed prop type: Invalid prop `preferences[19].category` of value `MemberBenefitInterests` supplied to `SettingsPage`, expected one of ["None","CommunicationPreferences","MemberPrivacy","GetInvolved","TopicsOfConcern"].

项目中的任何地方都没有在代码库中引用 MemberBenefitInterests，但是当我在 entities[=26] 中检查 React Web DevTools 时，这个属性确实存在于 State 中=]->preferences-> 有一个对象数组：

{ "category": "CommunicationPreferences" }, { "category": "MemberPrivacy" }, { "category": "GetInvolved" }, { "category": "MemberBenefitsInterests" }

所有内部偏好。不清楚，不过好像是说最后一个无效，为什么呢？

我以为我在项目中彻底搜索了一个SettingsPage并没有找到，但是当我再次尝试时，我在App/account/components/BaseSettingsPage中找到了这个：

class SettingsPage extends React.Component { static propTypes = { isLoading: PropTypes.bool, currentUser: PropTypes.shape({ id: PropTypes.string, }), pageColor: PropTypes.shape({ name: PropTypes.string, value: PropTypes.string, }), headerText: PropTypes.string, renderSaveButton: PropTypes.func, handleSaveResults: PropTypes.func, category: PropTypes.oneOf([ 'None', 'CommunicationPreferences', 'MemberPrivacy', 'GetInvolved', 'TopicsOfConcern', ]),

Answer 1

我认为您需要调整 SettingsPage 的 category 的 PropTypes 声明以包含 MemberBenefitInterests:

    category: PropTypes.oneOf([
      'None',
      'CommunicationPreferences',
      'MemberPrivacy',
      'GetInvolved',
      'TopicsOfConcern',
      'MemberBenefitInterests',
    ]),

道具类型失败：提供给“SettingsPage”的价值“MemberBenefitInterests”的道具“preferences[19].category”无效

Failed prop type: Invalid prop `preferences[19].category` of value `MemberBenefitInterests` supplied to `SettingsPage`

reactjs

state

react-devtools