React 函数组件静态属性

javascript
function MyComponent(props) {
  return (
    
      
{props.title}
      
{props.description}
    
  );
}
MyComponent.propTypes = {
  title: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
};
export default MyComponent;

javascript
function FormComponent(props) {
  return (
    
      
      
      {/* ... */}
    
  );
}
FormComponent.propTypes = {
  username: PropTypes.string.isRequired,
  password: PropTypes.string.isRequired,
  // ...
};

javascript
function ButtonComponent(props) {
  return (
    
      {props.label}
    
  );
}
ButtonComponent.defaultProps = {
  style: { backgroundColor: 'blue', color: 'white' },
  onClick: () => {},
};

javascript
function MyComponent() {
  // ...
}
MyComponent.displayName = 'CustomName';

javascript
function ThemeConsumerComponent(props) {
  const theme = React.useContext(ThemeContext);
  return (
    
      {props.children}
    
  );
}
ThemeConsumerComponent.contextType = ThemeContext;