Вставьте массив в состояние с помощью хука useState в React

Question

Я новичок ie в React. Попытка вставить массив данных в переменную с помощью хука useState() в функциональном компоненте. Когда я это делал, я получал эту ошибку

Expected 1 arguments, but got 0 or more.ts(2556)

Код

const data = [{
  title: 'React',
  'description': 'State in React'
}, {
  title: 'Angular',
  'description': 'Introducing Typescript'
}]

const [posts, setPosts] = useState([]);

setPosts(data)

Может ли кто-нибудь помочь?

Answer 1

Я сделал простой функциональный компонент «Дом» на основе вашего кода, и он работает корректно. Код ниже:

import React, { useState } from 'react'

const Home = () => {
  const [posts, setPosts] = useState([])
  const data = [
    {
      title: 'React',
      description: 'State in React'
    },
    {
      title: 'Angular',
      description: 'Introducing Typescript'
    }
  ]

  return (
    <div>
      <button type="button" onClick={() => setPosts(data)}>
        Data
      </button>
      <div>
        Data from State:
        {posts.map((obj) => {
          return <div key={obj.title}>{obj.title}</div>
        })}
      </div>
    </div>
  )
}

export default Home

Если этот ответ был вам полезен, отметьте его.