checkForUnmatchedText() — react Function Reference

Architecture documentation for the checkForUnmatchedText() function in ReactDOMComponent.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ checkForUnmatchedText() — react Function Reference

Dependency Diagram

graph TD
  ddbc1690_cbca_9f67_caf6_506c865c480a["checkForUnmatchedText()"]
  1e990658_7cea_75be_1f24_2399bdf9f15b["ReactDOMComponent.js"]
  ddbc1690_cbca_9f67_caf6_506c865c480a -->|defined in| 1e990658_7cea_75be_1f24_2399bdf9f15b
  894d4888_e1c9_cdd6_e0cb_7451b6fba151["hydrateProperties()"]
  894d4888_e1c9_cdd6_e0cb_7451b6fba151 -->|calls| ddbc1690_cbca_9f67_caf6_506c865c480a
  77f4e8f0_f9b0_3782_0fdd_8c9f87346e83["hydrateText()"]
  77f4e8f0_f9b0_3782_0fdd_8c9f87346e83 -->|calls| ddbc1690_cbca_9f67_caf6_506c865c480a
  8c4ad254_8dbf_cbef_d7da_cf083fdc32da["normalizeMarkupForTextOrAttribute()"]
  ddbc1690_cbca_9f67_caf6_506c865c480a -->|calls| 8c4ad254_8dbf_cbef_d7da_cf083fdc32da
  style ddbc1690_cbca_9f67_caf6_506c865c480a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/ReactDOMComponent.js lines 356–366

function checkForUnmatchedText(
  serverText: string,
  clientText: string | number | bigint,
) {
  const normalizedClientText = normalizeMarkupForTextOrAttribute(clientText);
  const normalizedServerText = normalizeMarkupForTextOrAttribute(serverText);
  if (normalizedServerText === normalizedClientText) {
    return true;
  }
  return false;
}