Javascript 根据过滤器更改按钮文本

这里是新的react（hooks）开发者，问题是关于使用过滤器时更新状态， 这里我有5个按钮，两个“全部”按钮，我的观点是，当用户单击例如“交付中”按钮时，表下的“全部”按钮应将其名称从“全部”更改为“交付中”，此时它将其更改为“未交付”（这不是按钮名称），其他按钮也是“交付”、“订单”和“全部”我的代码：

这很有效，

我添加了另一个名为

OrderLabel

的对象

const OrderLabel = {
  Order: "Order",
  InDelivery: "In Delivery",
  Delivered: "Delivered"
};

我正在使用

OrderLabel

设置

ButtonText

状态的值

 setButonText(OrderLabel[filter]);

---

如果不可能，另一种方法可以做到这一点？您需要的O/P是什么，当检查FIDLE时，它会更改标签按钮名称为“交付中”，而不是“未交付”。您将过滤器值指定为过滤器标签，它现在就这样工作了

https://codesandbox.io/s/peaceful-fog-lr6os?file=/src/Test.js

检查更新后的小提琴，告诉我它是否有用。实际上，这不会像预期的那样起作用。@AkhilAravind您能详细说明一下为什么它不起作用吗？

https://codesandbox.io/s/peaceful-fog-lr6os?file=/src/Test.js

检查我的解决方案，非常简单的一个。你写得越少，就越多power@AkhilAravind这并不能解释为什么你认为我提供的那个不能像预期的那样工作？因为你又在创建一个精确的对象，如果是的话，它可以用一个简单的if条件来解决。我们使用react来消除代码重复（我认为是这样）。一次又一次地创建同一个对象有什么意义。。。