render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  e5e03862_94ff_c9a4_59f2_5374dac85687["render()"]
  4d14f086_a8c4_54e2_3fab_104afe6c8837["PasswordTestCase"]
  e5e03862_94ff_c9a4_59f2_5374dac85687 -->|defined in| 4d14f086_a8c4_54e2_3fab_104afe6c8837
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  e5e03862_94ff_c9a4_59f2_5374dac85687 -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style e5e03862_94ff_c9a4_59f2_5374dac85687 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/password-inputs/PasswordTestCase.js lines 10–36

  render() {
    return (
      <Fixture>
        <div>{this.props.children}</div>

        <div className="control-box">
          <fieldset>
            <legend>Controlled</legend>
            <input
              type="password"
              value={this.state.value}
              onChange={this.onChange}
            />
            <span className="hint">
              {' '}
              Value: {JSON.stringify(this.state.value)}
            </span>
          </fieldset>

          <fieldset>
            <legend>Uncontrolled</legend>
            <input type="password" defaultValue="" />
          </fieldset>
        </div>
      </Fixture>
    );
  }