react如何给组件的props设置默认值？

Question

如何给组件的props设置默认值？

interface CodeModCreatorProps {
    grpLvlColor: string[]
} 

function CodeModCreator({
    grpLvlColor: ['red', 'green']   // 这样传输会报错
}: CodeModCreatorProps) {
    
    return ( <>

    </> );
}

export default CodeModCreator;

Answer 1

interface CodeModCreatorProps {
  grpLvlColor: string[];
}

function CodeModCreator(
  { grpLvlColor }: CodeModCreatorProps = { grpLvlColor: ["red", "green"] }
) {
  return <></>;
}

export default CodeModCreator;