es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

SonarLint: Olor de código: Renombrar este archivo como

Después de analizar mi código con SonarLint, obtengo el siguiente código con mal olor: Renombra este archivo a “Notify”.

He intentado cambiar el nombre de mi componente varias veces, pero todavía obtengo el código con mal olor.

ruta: alert-toast.tsx

aquí está mi componente:

import { Slide, toast } from 'react-toastify';

const Notify = (type: string, message: any) => {
  switch (type) {
    case 'warning':
      return toast.warning(message, {
        autoClose: 5000,
        position: toast.POSITION.TOP_CENTER,
        transition: Slide,
        closeOnClick: true,
        closeButton: false,
        theme: 'colored',
      });
    case 'error':
      return toast.error(message, {
        autoClose: 5000,
        position: toast.POSITION.TOP_CENTER,
        transition: Slide,
        closeOnClick: true,
        closeButton: false,
        theme: 'colored',
      });
    case 'success':
      return toast.success(message, {
        autoClose: 5000,
        position: toast.POSITION.TOP_CENTER,
        transition: Slide,
        closeOnClick: true,
        closeButton: false,
        theme: 'colored',
      });
    case 'info':
      return toast.info(message, {
        autoClose: 5000,
        position: toast.POSITION.TOP_CENTER,
        transition: Slide,
        closeOnClick: true,
        closeButton: false,
        theme: 'colored',
      });
    case 'dark':
      return toast.dark(message, {
        autoClose: 5000,
        position: toast.POSITION.TOP_CENTER,
        transition: Slide,
        closeOnClick: true,
        closeButton: false,
        theme: 'colored',
      });
    default:
      return toast(message, {
        autoClose: 5000,
        position: toast.POSITION.TOP_CENTER,
        transition: Slide,
        closeOnClick: true,
        closeButton: false,
        theme: 'colored',
      });
  }
};

export default Notify;

¿Existe una solución para evitar este código con mal olor?

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Sí, hay una solución para evitar este código maloliente. El nombre del archivo debería cambiarse a “Notify.tsx” para que coincida con el nombre del componente exportado. Esto puede resolver la inconsistencia de nombres y evitar el código maloliente. Una vez que se haya cambiado el nombre del archivo, la declaración de importación en la parte superior también debe actualizarse para reflejar el nuevo nombre de archivo. Después de hacer estos cambios, ejecutar un nuevo análisis con SonarLint ya no mostrará el código maloliente “Renombrar este archivo a Notify”.

Comments are closed.