Name: Compound Components in React - Part 3
Uploaded: 2022-09-29T21:55:22.758Z
Duration: 5 min 60 s
Description: Compound Components in React - Part 3

scrimba

Watch in fullscreen

Compound Components in React - Part 3

by Bob Ziroll

The Frontend Developer Career Path

About

Comments

Notes

Summarize Challenge - Compound Components in React0:42

Compound Components in React - Part 3

by Bob Ziroll

The Frontend Developer Career Path

Expand for more info

Summarize Challenge - Compound Components in React0:42

index.js

run

preview

console

import React from 'react';
import ReactDOM from 'react-dom/client';
import Menu from "./Menu/Menu"
import MenuButton from "./Menu/MenuButton"
import MenuDropdown from "./Menu/MenuDropdown"

function App() {
  const sports = ["Tennis", "Pickleball", "Racquetball", "Squash"]
  
  return (
    <Menu>
      <MenuButton>Sports</MenuButton>
      <MenuDropdown items={sports} />
    </Menu>
  )
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);

import React from 'react';

import ReactDOM from 'react-dom/client';

import Menu from "./Menu/Menu"

import MenuButton from "./Menu/MenuButton"

import MenuDropdown from "./Menu/MenuDropdown"

function App() {

const sports = ["Tennis", "Pickleball", "Racquetball", "Squash"]

return (

<Menu>

<MenuButton>Sports</MenuButton>

</Menu>

)

}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);

-5:59