Regular Expressions 101

Pro

<Componentthe literal text <Component (case sensitive)

Character Class[ \w=\{\}>\n;?".-:]*

*matches any number of characters from the set below:

the literal (32₁₀ / 40₈ / 20₁₆)

\wany word character

=the literal = (61₁₀ / 75₈ / 3D₁₆)

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

>the literal > (62₁₀ / 76₈ / 3E₁₆)

\(the literal ( (40₁₀ / 50₈ / 28₁₆)

\)the literal ) (41₁₀ / 51₈ / 29₁₆)

\na line-feed (newline) character (ASCII 10)

;the literal ; (59₁₀ / 73₈ / 3B₁₆)

?the literal ? (63₁₀ / 77₈ / 3F₁₆)

"the literal " (34₁₀ / 42₈ / 22₁₆)

.-:one character from . (46₁₀) to : (58₁₀)

propthe literal text prop (case sensitive)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

Detailed match information will be displayed here automatically.

25 tokens

<Component[ \w=\{\}>\(\)\n;?".-:]*prop

New

<Component
value="lol"
onClear={() => { onChange?.(""); }}
prop={"test"}
>
<Component
  value="lol"
  prop={"test"}
  />
</Component>