小编Car*_*tin的帖子

如何使用变量在React中导入组件或文件?

我正在使用React构建一个Web应用程序,该应用程序在一个已经选定的园区中显示您选择的建筑物的蓝图。

我有一个“内容”组件,可根据您的选择加载校园或建筑地图。“ BuildingMap”组件需要根据您选择的建筑物来加载特定的蓝图。它以建筑物的名称获取props.building,但我不知道如何使用该变量加载组件。

我尝试了导入,获取和要求,但似乎没有任何效果。

请帮忙。

我的代码如下所示:

//内容组件

<BuildingMap building={selectedBuilding} campus={selectedCampus} />
Run Code Online (Sandbox Code Playgroud)

// BuildingMap组件

import *MyBlueprint* from (specific folder depending on the campus selected)

class BuildingMap extends React.Component {
  render(){
    return (
      <div className="blueprint" id={this.props.building}>
         {*MyBlueprint*}
      </div>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

variables import components require reactjs

6
推荐指数
1
解决办法
5264
查看次数

标签 统计

components ×1

import ×1

reactjs ×1

require ×1

variables ×1