使用 React 中的 useState 鈎子將數組插入 state

Question

我是 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

我根據您的代碼制作了一個簡單的功能組件“Home”，它可以正常工作。 代碼如下：

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

如果這個答案有幫助，請標記它。