render() — react Function Reference

Architecture documentation for the render() function in InputPlaceholderFixture.js from the react codebase.

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  189980d4_47fe_1ec0_60c2_17f8ac2818ac["render()"]
  de1b5ac7_be48_ea0c_e57e_1c5cf5538075["InputPlaceholderFixture"]
  189980d4_47fe_1ec0_60c2_17f8ac2818ac -->|defined in| de1b5ac7_be48_ea0c_e57e_1c5cf5538075
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  189980d4_47fe_1ec0_60c2_17f8ac2818ac -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style 189980d4_47fe_1ec0_60c2_17f8ac2818ac fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/input-change-events/InputPlaceholderFixture.js lines 33–55

  render() {
    const {placeholder, changeCount} = this.state;
    const color = changeCount === 0 ? 'green' : 'red';

    return (
      <Fixture>
        <input
          type="text"
          placeholder={placeholder}
          onChange={this.handleChange}
        />{' '}
        <button onClick={this.handleGeneratePlaceholder}>
          Change placeholder
        </button>
        <p style={{color}}>
          <code>onChange</code>
          {' calls: '}
          <strong>{changeCount}</strong>
        </p>
        <button onClick={this.handleReset}>Reset count</button>
      </Fixture>
    );
  }