render() — react Function Reference

Architecture documentation for the render() function in ReactTransition-test.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  9d8235ba_8601_299f_964f_081d1f253c20["render()"]
  cc3da122_567b_e7a1_384d_89bc2b87cd78["App"]
  9d8235ba_8601_299f_964f_081d1f253c20 -->|defined in| cc3da122_567b_e7a1_384d_89bc2b87cd78
  style 9d8235ba_8601_299f_964f_081d1f253c20 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactTransition-test.js lines 655–681

        render() {
          update = value => {
            ReactNoop.discreteUpdates(() => {
              this.setState({label: value});
              startTransition(() => {
                this.setState({contents: value});
              });
            });
          };
          const label = this.state.label;
          const contents = this.state.contents;
          const isContentPending = label !== contents;
          return (
            <>
              <Text
                text={
                  label + ' label' + (isContentPending ? ' (loading...)' : '')
                }
              />
              <div>
                <Suspense fallback={<Text text="Loading..." />}>
                  <AsyncText text={contents + ' content'} />
                </Suspense>
              </div>
            </>
          );
        }