Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

84
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!