스프레드 구문

스플릿 구문을 사용하면 배열을 병합하여 매우 편리합니다.

import React, { useState } from 'react'

export const Spread = () => {

  const [items, setItems] = useState([]);

  const addItem = () => {
    setItems([...items,
    {
      id: items.length,
      value: Math.floor(Math.random() * 10) + 1
    }])
  }

  return (
    <div>
      <button onClick={addItem}>Add a number</button>
      <ul>
        {
          items.map((item) =>
            <li key={item.id} >id: {item.id} ; Number {item.value}</li>)
        }
      </ul>
    </div>
  )
}

실제 움직임