React别名不能与括号表示法访问器一起使用

Question

我想使用别名功能来构建选项卡式页面。 JSX似乎不支持对象括号访问器。我能做什么？点符号会使别名对我来说过时了。

import * as Routes from "./routes"
<Routes[activeTab]/>     //Doesn't work, unexpected token [

Answer 1

您可以定义变量

const Route = Routes[activeTab];
<Route />