在 react 中从类重建到功能钩子组件

Question

只是想将我的应用程序从基于类的组件重新设计为基于功能钩子的组件，并被这个回调 setState 代码块所吸引，并且无法使用工作钩子实现这一点：

this.setState((prevState) => ({
items: [
...prevState.items,
{
itemtitle: '',
description: '',
articlenr: '',
amount: '',
unit: '',
price: '',
taxpercentage: '',
total: ''
}
],
showItemDetail: true
}))

Answer 1

你是问如何将其转换为钩子吗？如果是这样，您将不得不发布您的状态。

如果你的状态是整个对象，你可以这样做

import react, {useState} from "react";
const [items, setItems] = useState([]);
const [showItemDetail, setShowItemDetail] = useState(false)
setItems(items => [...items,
{
itemtitle: '',
description: '',
articlenr: '',
amount: '',
unit: '',
price: '',
taxpercentage: '',
total: ''
}
]
)
setShowItemDetail(true)