Parent() — astro Function Reference

Architecture documentation for the Parent() function in Parent.jsx from the astro codebase.

Function javascript IntegrationAdapters ReactIntegration

Entity Profile

IntegrationAdapters→ ReactIntegration→ Parent() — astro Function Reference

Dependency Diagram

graph TD
  01643d5a_628f_4039_01b4_ec29ee2fe26e["Parent()"]
  99f2a415_a8ac_2fcd_3c26_0bda7a735796["Parent.jsx"]
  01643d5a_628f_4039_01b4_ec29ee2fe26e -->|defined in| 99f2a415_a8ac_2fcd_3c26_0bda7a735796
  style 01643d5a_628f_4039_01b4_ec29ee2fe26e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/test/fixtures/astro-slots-nested/src/components/react/Parent.jsx lines 3–19

export default function Parent({ children }) {
  const [show, setShow] = useState(false);

  useEffect(() => {
    console.log('mount');
  }, []);

  return (
    <>
      <p>
        <input type="checkbox" value={show} onChange={() => setShow(!show)} />
        Toggle show (true should show "Inner")
      </p>
      {show ? children : 'Nothing'}
    </>
  );
}