createTextInstance() — react Function Reference

Architecture documentation for the createTextInstance() function in ReactFiberConfigFabric.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ createTextInstance() — react Function Reference

Dependency Diagram

graph TD
  656c2358_04bf_d101_a9da_9604cbf8c8b5["createTextInstance()"]
  948a0d34_693c_c158_f23e_d41306507c72["ReactFiberConfigFabric.js"]
  656c2358_04bf_d101_a9da_9604cbf8c8b5 -->|defined in| 948a0d34_693c_c158_f23e_d41306507c72
  style 656c2358_04bf_d101_a9da_9604cbf8c8b5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/ReactFiberConfigFabric.js lines 222–248

export function createTextInstance(
  text: string,
  rootContainerInstance: Container,
  hostContext: HostContext,
  internalInstanceHandle: InternalInstanceHandle,
): TextInstance {
  if (__DEV__) {
    if (!hostContext.isInAParentText) {
      console.error('Text strings must be rendered within a <Text> component.');
    }
  }

  const tag = nextReactTag;
  nextReactTag += 2;

  const node = createNode(
    tag, // reactTag
    'RCTRawText', // viewName
    rootContainerInstance.containerTag, // rootTag
    {text: text}, // props
    internalInstanceHandle, // instance handle
  );

  return {
    node: node,
  };
}