applyTextProps() — react Function Reference

Architecture documentation for the applyTextProps() function in ReactFiberConfigART.js from the react codebase.

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ applyTextProps() — react Function Reference

Dependency Diagram

graph TD
  bb6c2cd2_9425_0a02_415a_487f93a4a955["applyTextProps()"]
  18cde195_5800_e07a_4f5e_1af7f71a810d["ReactFiberConfigART.js"]
  bb6c2cd2_9425_0a02_415a_487f93a4a955 -->|defined in| 18cde195_5800_e07a_4f5e_1af7f71a810d
  8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d["applyRenderableNodeProps()"]
  bb6c2cd2_9425_0a02_415a_487f93a4a955 -->|calls| 8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d
  2bd549a7_8b2f_a4fe_cdab_c2b612d92e9d["isSameFont()"]
  bb6c2cd2_9425_0a02_415a_487f93a4a955 -->|calls| 2bd549a7_8b2f_a4fe_cdab_c2b612d92e9d
  style bb6c2cd2_9425_0a02_415a_487f93a4a955 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/src/ReactFiberConfigART.js lines 235–250

function applyTextProps(instance, props, prevProps = {}) {
  applyRenderableNodeProps(instance, props, prevProps);

  const string = props.children;

  if (
    instance._currentString !== string ||
    !isSameFont(props.font, prevProps.font) ||
    props.alignment !== prevProps.alignment ||
    props.path !== prevProps.path
  ) {
    instance.draw(string, props.font, props.alignment, props.path);

    instance._currentString = string;
  }
}