`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> ``` [2023-11-09 01:40:49 | AI问答 | 257点数解答]