我想问一下,是否可以根据一个变量返回一个组件?我的想法是这样的:
同上,我需要手动导入所有将放置在if else条件中的标头。
有没有一种更加高效的方法来实现这个目标?
var location = this.props.location // Eg. Asia,Australia
<location+"HeaderComponent" />
我的问题是我需要手动逐个导入所有组件。
这是我拥有的另一个脚本:
import AsiaHeaderComponent from "components/AsiaHeaderComponent.jsx";
import AustraliaHeaderComponent from "components/AustraliaHeaderComponent.jsx";
class Home extends React.Component {
renderHeader(){
if(this.props.location == "Asia"){
return (
<AsiaHeaderComponent />
);
}
else if(this.props.location == "Australia"){
return (
<AustraliaHeaderComponent />
);
}
}
render(){
return (
{ this.renderHeader() }
)
}
}
同上,我需要手动导入所有将放置在if else条件中的标头。
有没有一种更加高效的方法来实现这个目标?