ShowMore.js — react Source File

Architecture documentation for ShowMore.js, a javascript file in the react codebase. 3 imports, 1 dependents.

File javascript BabelCompiler Optimization 3 imports 1 dependents 1 functions

Entity Profile

BabelCompiler→ Optimization→ ShowMore.js — react Source File

Dependency Diagram

graph LR
  46160912_b683_0f2a_ff38_50c863fb5f0f["ShowMore.js"]
  52925e32_8d14_817a_c46e_16c8a4f559c7["Container.js"]
  46160912_b683_0f2a_ff38_50c863fb5f0f --> 52925e32_8d14_817a_c46e_16c8a4f559c7
  3d5dce82_9e7c_613c_9d80_74d1f99a30b2["Container"]
  46160912_b683_0f2a_ff38_50c863fb5f0f --> 3d5dce82_9e7c_613c_9d80_74d1f99a30b2
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  46160912_b683_0f2a_ff38_50c863fb5f0f --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6["App.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 46160912_b683_0f2a_ff38_50c863fb5f0f
  style 46160912_b683_0f2a_ff38_50c863fb5f0f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

'use client';

import * as React from 'react';

import Container from './Container.js';

export default function ShowMore({children}) {
  const [show, setShow] = React.useState(false);
  if (!show) {
    return <button onClick={() => setShow(true)}>Show More</button>;
  }
  return <Container>{children}</Container>;
}