render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint called by 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  9d9f9693_6dff_dbe3_a8ab_701fe98fd40c["render()"]
  2d3a4ccf_7ec0_78cb_10b7_9c3306bb0ba9["Editor"]
  9d9f9693_6dff_dbe3_a8ab_701fe98fd40c -->|defined in| 2d3a4ccf_7ec0_78cb_10b7_9c3306bb0ba9
  6e024402_fbab_bcad_3b7f_7b23d116a5f0["render()"]
  6e024402_fbab_bcad_3b7f_7b23d116a5f0 -->|calls| 9d9f9693_6dff_dbe3_a8ab_701fe98fd40c
  style 9d9f9693_6dff_dbe3_a8ab_701fe98fd40c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/fiber-debugger/src/Editor.js lines 11–36

  render() {
    return (
      <div
        style={{
          height: '100%',
          width: '100%',
        }}>
        <textarea
          value={this.state.code}
          onChange={e => this.setState({code: e.target.value})}
          style={{
            height: '80%',
            width: '100%',
            fontSize: '15px',
          }}
        />
        <div style={{height: '20%', textAlign: 'center'}}>
          <button
            onClick={() => this.props.onClose(this.state.code)}
            style={{fontSize: 'large'}}>
            Run
          </button>
        </div>
      </div>
    );
  }