深入解析 React defaultProps：设置组件默认属性值的奥秘

`defaultProps` 是 React 组件的静态属性，用于设置组件默认的属性值。如果组件在使用时没有传入对应的属性值，那么该属性就会被设置为 `defaultProps` 中的值。 例如，假设我们有一个 `MyComponent` 组件，它有一个 `name` 属性： ```jsx function MyComponent(props) { return <div>Hello, {props.name}!</div>; } ``` 如果我们想要给 `MyComponent` 组件一个默认的 `name` 值，我们可以在组件的 `defaultProps` 属性中设置： ```jsx function MyComponent(props) { return <div>Hello, {props.name}!</div>; } MyComponent.defaultProps = { name: 'World' }; ``` 现在，如果我们不传入 `name` 属性，那么组件的 `name` 属性就会被设置为 'World'： ```jsx <MyComponent /> // <div>Hello, World!</div> ``` 如果我们传入了 `name` 属性，那么组件的 `name` 属性就会被我们传入的值覆盖： ```jsx <MyComponent name="React" /> // <div>Hello, React!</div> ``` ######[AI写代码神器 | 257点数解答 | 2023-11-09 01:40:49]