warnStyleValueWithSemicolon() — react Function Reference

Architecture documentation for the warnStyleValueWithSemicolon() function in warnValidStyle.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ warnStyleValueWithSemicolon() — react Function Reference

Dependency Diagram

graph TD
  e2606baa_78c4_aaa3_ec6d_81f396d54a94["warnStyleValueWithSemicolon()"]
  cfe6bc57_232a_91d7_3473_273355d04b5b["warnValidStyle.js"]
  e2606baa_78c4_aaa3_ec6d_81f396d54a94 -->|defined in| cfe6bc57_232a_91d7_3473_273355d04b5b
  a301cb19_309d_31b8_cdc3_598aa3af82be["warnValidStyle()"]
  a301cb19_309d_31b8_cdc3_598aa3af82be -->|calls| e2606baa_78c4_aaa3_ec6d_81f396d54a94
  style e2606baa_78c4_aaa3_ec6d_81f396d54a94 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/shared/warnValidStyle.js lines 60–74

function warnStyleValueWithSemicolon(name, value) {
  if (__DEV__) {
    if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
      return;
    }

    warnedStyleValues[value] = true;
    console.error(
      "Style property values shouldn't contain a semicolon. " +
        'Try "%s: %s" instead.',
      name,
      value.replace(badStyleValueWithSemicolonPattern, ''),
    );
  }
}