Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

89
Vistas
RegExp para encontrar componentes React con propiedades específicas en ellos

Estoy tratando de encontrar un RegExp perfecto para encontrar componentes React con propiedades específicas en ellos. El RegExp debe usarse en el campo de búsqueda de mi IDE VSCode.

Ejemplo de componente: <Button>

Ejemplo de propiedad: size

Componente en una sola línea

En caso de que la etiqueta de apertura del componente esté en una sola línea , el RegExp que encontré que funciona perfectamente es este (las banderas no están permitidas en VSCode):

/<Button.+size/

Por ejemplo, esto coincidirá hasta el final del size :

 <Button onClick={()=>{}} size='medium'>

Componente en multilínea

A veces, el componente tiene tantos accesorios que el estilo del código de la empresa querría dividirlo en varias líneas, 1 propiedad por línea, así:

 <Button type="button" size="tiny" className={styles.pauseButton} onClick={togglePaused} title="Pause or enable automatic loading of webhook requests in the debug console." >

No puedo escribir un RegExp para que coincida con estos casos particulares:

  1. ¿Hay un solo RegExp que funcione para ambos casos (y no coincida con nada más)?
  2. En caso de que no exista un solo RegExp para ambos casos, ¿hay un RegExp para hacer coincidir solo los componentes de varias líneas con un accesorio específico entre su paréntesis de apertura/cierre?

lo que he probado

Lo intenté con /<Button[\s\S]*?size[\s\S]*?>/ pero supera los casos en los que hay una propiedad sin tamaño, por lo que seguirá coincidiendo hasta que encuentre un tamaño palabra en alguna parte.

En este momento estoy usando /<Button[\n]/ que coincide con TODOS y SOLO los componentes divididos, y luego tengo que verificar manualmente si tienen la propiedad específica en ellos. Todavía preferiría un RegExp que coincida con la división solo con la propiedad específica.

También encontré esta buena respuesta , pero se rompe si los componentes tienen otras propiedades que tienen un > adentro, como funciones de flecha y componentes como accesorios. Esta podría ser una buena base para comenzar desde Tho. La RegExp respondida es: <Component(\s|\n)[^>]*?property

Probablemente sea algo con miras al futuro, pero no tengo suficiente experiencia...

Gracias

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda