Unnamed repository; edit this file 'description' to name the repository.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
function App() {
  return (
    <div className="container">
      <Header title="hello" />
      <ul>
        {items.map((item) => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
      <button onClick={() => handleClick()}>Click</button>
    </div>
  );
}

const value = store
  .getState()
  .filter((x) => x.active);

function List({ items, show }) {
  return (
    <>
      {show && <Banner />}
      {items.map((item) => (
        <Item key={item.id} value={item.value} />
      ))}
      <Footer
        copyright="2024"
        links={links}
      />
    </>
  );
}

function Card({ id, title }) {
  return (
    <article
      className="card"
      data-id={id}
    >
      <h2>{title}</h2>
    </article>
  );
}