render() — react Function Reference

Architecture documentation for the render() function in hit-box.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  2794d03e_0aa2_ce05_50de_df6e7617aeb8["render()"]
  fc9f3f89_2f8e_1981_9a7a_be6e6b016b4d["HitBox"]
  2794d03e_0aa2_ce05_50de_df6e7617aeb8 -->|defined in| fc9f3f89_2f8e_1981_9a7a_be6e6b016b4d
  style 2794d03e_0aa2_ce05_50de_df6e7617aeb8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/event-pooling/hit-box.js lines 18–35

  render() {
    const {x, y} = this.state;

    const boxStyle = {
      padding: '10px 20px',
      border: '1px solid #d9d9d9',
      margin: '10px 0 20px',
    };

    return (
      <div onMouseMove={this.onMove} style={boxStyle}>
        <p>Trace your mouse over this box.</p>
        <p>
          Last movement: {x},{y}
        </p>
      </div>
    );
  }