warnHyphenatedStyleName() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ warnHyphenatedStyleName() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-dom-bindings/src/shared/warnValidStyle.js lines 27–43

function warnHyphenatedStyleName(name) {
  if (__DEV__) {
    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
      return;
    }

    warnedStyleNames[name] = true;
    console.error(
      'Unsupported style property %s. Did you mean %s?',
      name,
      // As Andi Smith suggests
      // (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
      // is converted to lowercase `ms`.
      camelize(name.replace(msPattern, 'ms-')),
    );
  }
}