React-hooks 非class 如何组件校验父组件传值

Question

如下, 我应该如何对父组件的传参进行约束和设置默认值呢?

import React from 'react';
import styles from './index.less'
import PropTypes from 'prop-types';

function LiveCard (props:any) {
  const {info} = props;
  return (
    <div className={styles.wrap}>
      {info.stopReason}
    </div>
  )
}
export default LiveCard;

Answer 1

可以用解构的写法，比如

function LiveCard (props:any)

改成

function LiveCard ({a=1, b=2, ...restProps})