使用 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

如果这个答案有帮助，请标记它。