react Architecture Docs
Home / Function/ getPropsFromElement() — react Function Reference

getPropsFromElement() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2

Entity Profile

Dependency Diagram

graph TD
  789eed66_a594_0191_5d38_9148becc6758["getPropsFromElement()"]
  1e990658_7cea_75be_1f24_2399bdf9f15b["ReactDOMComponent.js"]
  789eed66_a594_0191_5d38_9148becc6758 -->|defined in| 1e990658_7cea_75be_1f24_2399bdf9f15b
  b5cfc303_8130_b696_4bd4_0f0ebf186511["getPropNameFromAttributeName()"]
  789eed66_a594_0191_5d38_9148becc6758 -->|calls| b5cfc303_8130_b696_4bd4_0f0ebf186511
  2424f02e_480c_609e_b8f6_8b7a23d93641["getStylesObjectFromElement()"]
  789eed66_a594_0191_5d38_9148becc6758 -->|calls| 2424f02e_480c_609e_b8f6_8b7a23d93641
  style 789eed66_a594_0191_5d38_9148becc6758 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/ReactDOMComponent.js lines 2006–2017

export function getPropsFromElement(domElement: Element): Object {
  const serverDifferences: {[propName: string]: mixed} = {};
  const attributes = domElement.attributes;
  for (let i = 0; i < attributes.length; i++) {
    const attr = attributes[i];
    serverDifferences[getPropNameFromAttributeName(attr.name)] =
      attr.name.toLowerCase() === 'style'
        ? getStylesObjectFromElement(domElement)
        : attr.value;
  }
  return serverDifferences;
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does getPropsFromElement() do?
getPropsFromElement() is a function in the react codebase, defined in packages/react-dom-bindings/src/client/ReactDOMComponent.js.
Where is getPropsFromElement() defined?
getPropsFromElement() is defined in packages/react-dom-bindings/src/client/ReactDOMComponent.js at line 2006.
What does getPropsFromElement() call?
getPropsFromElement() calls 2 function(s): getPropNameFromAttributeName, getStylesObjectFromElement.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free