问 类型-元素隐式具有'any‘类型，因为类型'any’不能用于索引类型‘type of EnumUrl’..ts(7053)

在非.tsx页面中，我们过去常常这样枚举：

const enumUrl= {
  xxx: [BRAND],
  yyy: [BRAND],
};

在.tsx页面中，我想使用 enum 。所以我创造了：

  enum EnumUrl {
    xxx = "https://example.com/",
    yyy = "https://example.net"
  }

在联合来文中：

  Visit <a href={EnumUrl[BRAND}} target="_blank" rel="noopener noreferrer">
    {EnumUrl[BRAND]}
  </a>

然而，它说：

Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'typeof EnumUrl'.ts(7053)

然后，我阅读了这个可能的解决方案： https://stackoverflow.com/a/41970976/1580094 ，并执行了以下操作：

  enum EnumUrl {
    xxx = "https://example.com/",
    yyy = "https://example.net"
var url : EnumUrl = EnumUrl[BRAND as keyof typeof EnumUrl];
 Visit <a href={url[BRAND}} target="_blank" rel="noopener noreferrer">
    {url[BRAND]}
  </a>

控制台日志: console.log(url)；// https://example.com/ console.log(urlBRAND)；//未定义的console.log(品牌)；// xxx

但是这样做， <a 元素就完全从DOM中消失了。没有错误。

我做错了什么，我该如何解决呢？