深入解析 React 中 defaultProps 的作用及示例

在 React 中，`defaultProps` 用于为组件的属性设置默认值。 当组件被使用时，如果没有为某个属性传递具体的值，那么就会使用在 `defaultProps` 中定义的默认值。 这有助于确保组件在属性未被明确提供时，仍然能够以可预期的、合理的初始状态进行渲染和运行，增强了组件的健壮性和可复用性。 例如，如果有一个组件 `MyComponent` 定义如下： ```javascript class MyComponent extends React.Component { render() { return <div>{this.props.message}</div>; } } MyComponent.defaultProps = { message: '默认消息' }; ``` 当使用 `MyComponent` 且没有传递 `message` 属性时，将显示 `'默认消息'` 。 ######[AI写代码神器 | 184点数解答 | 2024-08-10 22:34:41]