Toggle() — react Function Reference

Architecture documentation for the Toggle() function in index.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ Toggle() — react Function Reference

Dependency Diagram

graph TD
  0f89591e_d8b5_696d_75ea_a30b6e760828["Toggle()"]
  bdefc50b_e51a_112b_8618_eaca18aac501["index.js"]
  0f89591e_d8b5_696d_75ea_a30b6e760828 -->|defined in| bdefc50b_e51a_112b_8618_eaca18aac501
  style 0f89591e_d8b5_696d_75ea_a30b6e760828 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/Toggle/index.js lines 4–18

export default function Toggle() {
  const [show, setShow] = useState(false);
  return (
    <>
      <h2>Toggle</h2>
      <div>
        <>
          <button onClick={() => setShow(s => !s)}>Show child</button>
          {show && ' '}
          {show && <Greeting>Hello</Greeting>}
        </>
      </div>
    </>
  );
}