Regex, чтобы найти React JSX элемент с данным свойством?

Question

Я делаю аудит в большой кодовой базе, и мне нужно искать, чтобы найти все варианты использования компонента, где он используется с заданным реквизитом. Я думаю, что здесь может быть полезно регулярное выражение, но я не могу понять, как обрабатывать потенциальные новые строки в разметке. Мне нужно уметь различать эти два использования, находя последнее:

<Component
  prop1="value1"
  prop2={2}
/>

<Component
  prop1="value1"
  targetProp={3}
  prop2={2}
/>

Меня не волнует значение целевой опоры, просто она существует в компоненте.

Answer 1

<Component(\s|\n)[^>]*?property

Этот разрыв строки поддержки.

Answer 2

Вот регулярное выражение, которое должно работать:

<Component\s[^>]*?targetProp={[^>]*?\/>

Это соответствует:

• <Component буквально, с символом \s пробела, чтобы избежать захвата <ComponentWithALongerName
• [^>] любой символ, который не >, ноль или более раз, лениво
• targetProp={ буквально (отрегулируйте, если необходимо, для логических / строковых значений)
• [^>] любой символ, который не >, ноль или более раз, лениво
• \/> буквально