i3130002/React-Props-Functional-Component.md

## React-Props-Functional-Component.md

      
        

                Raw

        
        
          
            
          
          
            
              React-Props-Functional-Component.md
            
          
        
      
      
    Define component with default props:
interface IProps{
  propName:boolean;
}

export default function ComponentName(props?:IProps) {
  const {propName=false} = props?props:{}
}
Usage
const { accountsTopBarMenuRender } = ComponentName();
or
const { accountsTopBarMenuRender } = ComponentName({propName:true});
or
<ComponentName/>
or
<ComponentName propName={true}/>