Início / coding / Perguntas / 79490025
Accepted
Morye
Asked: 2025-03-07 00:23:56 +0800 CST

É aceitável usar defaultProps personalizados na função?

  • 772

Gosto de escrever props padrão da seguinte maneira:

interface IMyFunction {
  p1?: string;
  p2: string;
}

const MyFunction = (props: IMyFunction) => {
  const defaultProps: Required<IMyFunction> = {
    p1: "v1",
    ...props,
  };

  ...

}

Eu sei que MyFunction.defaultProps está obsoleto e é necessário agora usar parâmetros padrão , então eu os uso, mas usando minha abordagem eu os mesclo em constante defaultPropsporque acho mais conveniente. Há algum problema com essa abordagem que eu não esteja vendo, ou devo usar o parâmetro padrão da maneira padrão?

reactjs

1 respostas

  1. Best Answer

    Sim, é perfeitamente aceitável usar custom defaultPropsem uma função JavaScript pura, embora a abordagem seja um pouco diferente em comparação ao TypeScript devido à falta de tipagem estática.

    Em JavaScript simples, você pode definir valores padrão para propriedades usando uma combinação de valores de desestruturação e padrão nos parâmetros da função, ou pode atribuir padrões à defaultPropspropriedade do componente.

    const MyFunction = ({ p1, p2 = "Empty" }) => {
  // p2 will default to "Empty" if not provided
  // You can use p1 and p2 in your function logic
};
    • 1

relate perguntas