defaultProps

A defaultProps egy React komponens tulajdonság, amely lehetővé teszi, hogy a props tulajdonságnak alapértelmezett értékeket adjunk. Ha a híváskor a props rendesen kap értéket, akkor természetesen a defaultProps nem játszik.

A defaultProps tulajdonságot be tudjuk állítani a komponens fájlon belül:

export const Spacer = ({ position, size, children }) => {
  const theme = useTheme();
  const variant = getVariant(position, size, theme);
  return <SpacerView variant={variant}>{children}</SpacerView>;
};

Spacer.defaultProps = {
  position: "top",
  size: "small",
};