v3给props设置默认值

在React中，我们可以为组件的props设置默认值，以确保在没有传递这些props时，组件能够正常工作。有两种方法可以为props设置默认值。

1. 使用ES6语法中的默认参数

在组件定义中，我们可以使用ES6语法中的默认参数来为props设置默认值。例如：

function MyComponent({ name = 'World' }) {
  return <div>Hello, {name}!</div>;
}

在上面的代码中，如果没有传递name属性，则默认为'World'。

2. 使用propTypes设置默认值

在组件定义之后，我们可以使用propTypes来为props设置默认值。例如：

import PropTypes from 'prop-types';

function MyComponent(props) {
  return <div>Hello, {props.name}!</div>;
}

MyComponent.propTypes = {
  name: PropTypes.string,
};

MyComponent.defaultProps = {
  name: 'World',
};

在上面的代码中，我们使用propTypes来验证name属性的类型为字符串，并使用defaultProps来设置默认值为'World'。如果没有传递name属性，则默认为'World'。

需要注意的是，使用propTypes设置默认值的方式只能在类组件中使用。在函数组件中，只能使用ES6语法中的默认参数来为props设置默认值。