根据过滤器更改按钮文本

如何解决根据过滤器更改按钮文本

这里是新的 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]);