React 18.3中defaultProps废弃后，函数组件必填propType报错如何解决？

出现这个警告的核心原因是：propTypes的校验时机在组件接收props阶段，而函数组件的默认参数是在组件内部执行时才生效的。如果父组件没传loadChart，props里该属性是undefined，此时propTypes检测到必填项缺失，就会抛出警告——哪怕组件内部有默认参数兜底。

根据你的实际需求，有两种解决方式：

方式一：确保父组件必传该属性 #

如果loadChart确实是组件运行必须依赖的、由外部提供的函数，那检查所有使用HistogramChart的父组件，确保都传入了loadChart属性，警告就会自动消失。

方式二：允许父组件不传，用默认值兜底 #

如果组件可以自己处理默认逻辑，不需要父组件必传，那直接修改propTypes，去掉该属性的isRequired标记即可：

// 修改前
HistogramChart.propTypes = {
  loadChart: PropTypes.func.isRequired,
};

// 修改后
HistogramChart.propTypes = {
  loadChart: PropTypes.func,
};

这样propTypes就不会再校验该属性是否必填，同时组件内部的默认参数会在父组件不传值时生效，完美替代原来的defaultProps逻辑。

内容的提问来源于stack exchange，提问作者Pradhumn Sharma