Regular Expressions 101

Group fullMatch(?<fullMatch>(?<prop>\w+\s*=\s*)({)(?<quote1>["'`])(?<string>[^"$'`{}]*)(?<quote2>["'`])(}))

Group prop(?<prop>\w+\s*=\s*)

\w+any word character, repeated at least once

\s*any whitespace character, repeated any number of times

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

\s*any whitespace character, repeated any number of times

Group 3({)

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

Group quote1(?<quote1>["'`])

Character Class["'`]

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

'the literal ' (39₁₀ / 47₈ / 27₁₆)

`the literal ` (96₁₀ / 140₈ / 60₁₆)

Group string(?<string>[^"$'`{}]*)

Negated Character Class[^"$'`{}]*

*matches any number of characters outside the set below:

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

$the literal $ (36₁₀ / 44₈ / 24₁₆)

'the literal ' (39₁₀ / 47₈ / 27₁₆)

`the literal ` (96₁₀ / 140₈ / 60₁₆)

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

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

Group quote2(?<quote2>["'`])

Character Class["'`]

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

'the literal ' (39₁₀ / 47₈ / 27₁₆)

`the literal ` (96₁₀ / 140₈ / 60₁₆)

Group 7(})

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

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.

Search reference

Regular Expression

(?<fullMatch>(?<prop>\w+\s*=\s*)({)(?<quote1>["'`])(?<string>[^"$'`{}]*)(?<quote2>["'`])(}))

New

<ReactComponent
  property={true}
  target={'string'}
/>

export const ReactComponent = () => <div property target={"string"} />

<ReactComponent
  property={true}
  target={`string`}
/>

Substitution

$2$4$5$6