问题描述
这里是新的 react(hooks) 开发人员,问题与使用过滤器时更新状态有关, 这里我有 5 个按钮,两个“全部”按钮,我的观点是当用户单击例如“交付中”按钮时,表下的“全部”按钮此时应将其名称从“全部”更改为“交付中”它将它更改为 'InDelivery'(不是按钮名称),并且与其他人相同的还有 'Delivered'、'Order' 和 'All' 我的代码: https://codesandbox.io/s/dreamy-surf-t9eh3?file=/src/Test.js
解决方法
这有效, https://codesandbox.io/s/confident-moore-zn67w?file=/src/Test.js
我添加了另一个名为 OrderLabel
的对象,
const OrderLabel = {
Order: "Order",InDelivery: "In Delivery",Delivered: "Delivered"
};
我使用 OrderLabel
来设置 ButtonText
状态的值,
setButonText(OrderLabel[filter]);