导入ReactJS组件
是指在使用ReactJS框架开发前端应用时，将所需的组件引入到项目中以便使用。
ReactJS是一个用于构建用户界面的JavaScript库，它采用组件化的开发模式，将界面拆分成独立的可复用组件，通过组合这些组件来构建复杂的用户界面。在ReactJS中，每个组件都有自己的状态和属性，可以通过修改状态和传递属性来实现界面的交互和数据展示。
要导入ReactJS组件，首先需要在项目中安装ReactJS库。可以通过以下命令使用npm安装ReactJS：
npm install react安装完成后，可以使用ES6的模块化语法来导入所需的组件。例如，假设有一个名为Button的组件，可以在代码中使用以下方式导入：
import React from 'react';
import Button from './Button';
function App() {
return (
<div>
<Button />
</div>
);
}
export default App;在上述代码中，首先通过import语句导入React库，然后通过import语句导入名为Button的组件。接下来，在App组件中可以直接使用<Button />的方式来使用导入的Button组件。
需要注意的是，导入的组件路径需要根据项目的实际情况进行调整。上述代码中的'./Button'表示Button组件位于当前文件所在目录下的Button.js文件中。
对于ReactJS组件的分类，可以根据功能和复用性进行划分。常见的组件分类包括UI组件、容器组件和高阶组件。
- UI组件（Presentational Components）：负责展示数据和处理用户交互，通常没有自己的状态，接收父组件传递的属性进行渲染。例如，Button、Input等常用的UI元素可以作为UI组件。
- 容器组件（Container Components）：负责管理数据和状态，通过props将数据传递给子组件，并处理子组件的事件回调。容器组件通常包含业务逻辑，可以调用后端API获取数据等。例如，一个包含用户列表和用户详情的页面可以作为容器组件。
- 高阶组件（Higher-Order Components）：是一个函数，接收一个组件作为参数，并返回一个新的组件。高阶组件可以用于增强组件的功能，例如添加数据获取、权限控制等。常见的高阶组件有withRouter、connect等。
ReactJS组件的优势包括：
- 组件化开发：ReactJS采用组件化的开发模式，将界面拆分成独立的可复用组件，提高了代码的可维护性和复用性。
- 虚拟DOM：ReactJS使用虚拟DOM来管理界面的更新，通过比较虚拟DOM树的差异，最小化DOM操作，提高了性能。
- 单向数据流：ReactJS采用单向数据流的数据流动方式，简化了数据的管理和状态的变更，提高了代码的可预测性和可测试性。
- 生态系统丰富：ReactJS拥有庞大的社区和生态系统，有大量的第三方库和组件可供使用，提高了开发效率。
ReactJS组件的应用场景包括：
- Web应用开发：ReactJS适用于构建各种类型的Web应用，包括单页应用（SPA）、多页应用（MPA）等。
- 移动应用开发：React Native是基于ReactJS的移动应用开发框架，可以用于开发iOS和Android应用。
- 前端组件库开发：ReactJS可以用于开发前端组件库，提供给其他开发者使用。
- 嵌入到现有项目中：ReactJS可以与其他框架（如Angular、Vue）共存，可以将ReactJS组件嵌入到现有项目中进行开发。
腾讯云提供了一系列与ReactJS相关的产品和服务，包括：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署ReactJS应用。
- 云数据库MySQL版（CDB）：提供稳定可靠的云数据库服务，用于存储ReactJS应用的数据。
- 云存储（COS）：提供高可靠、低成本的对象存储服务，用于存储ReactJS应用的静态资源。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理ReactJS应用的后端逻辑。
以上是关于导入ReactJS组件的完善且全面的答案，希望能对您有所帮助。
相关·内容
1回答
我已经创建了一个包含多个组件的包，并将其导出到它的index.js文件中。我正在尝试导入这些组件，并将其用于我们。如下所示： **package index.js**
export {default as F1Button } from './f1Button';
export {F1ButtonGroup} from './f1ButtonGroup';
export {F1Label} from './f1Label';
**Used it in New.js**
import { F1Button,
浏览 23提问于2020-01-03得票数 0
第一页是Index.js，包含Index.css
路径-> /src/action/Index.js
- src
|
-- action
|
--- Index.js
import '../css/Index.css';
第二页是Customer.js包含Auth.css
路径-> /src/action/User/Customer.js
- src
|
-- action
|
--- User
|
---- Customer.js
import '../../css/Auth.css';
问题是两个页面都在使用两个CSS文件。我怎么才能避免这种
浏览 1提问于2020-01-08得票数 0
我想在React中动态导入和呈现一个组件。有两个组件，第一个是Dashboard，第二个是Home，所以基本上，我想在Home中动态呈现Dashboard组件，而不是预先导入它，或者可能在Home组件的渲染功能中导入。
Dashboard.js
class Dashboard extends Component
{
render()
{
return( Dashboard Content Goes Here...! )
}
}
export default Dashboard;
Home.js
import React, {Component} from ‘react’;
c
浏览 3提问于2019-05-20得票数 0
1回答
嗨，我已经开始学习React了，但是当我开始获取API时，我得到了一个错误：
解析失败的SyntaxError:意外的输入结束
这是我的源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"
浏览 0提问于2018-10-09得票数 0
2回答
我正在学习本教程：
但我无法显示登录页面的内容。我有：
Login.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
export default class Login extends Component {
constructor(props) {
super(props);
this.processSubmit = this.processSubmit.bind(this);
}
com
浏览 1提问于2019-01-29得票数 0
我创建了一个下拉菜单，并试图将它传递给另一个组件：
var DropDownButton = React.createClass({
getInitialState: function() {
return {
stage: 'Select'
}
},
change: function(e){
this.setState({
stage: e.target.value
});
},
render: function() {
浏览 5提问于2016-12-19得票数 0
回答已采纳
使用
//index.js
...
export const store = createStore(getChange, applyMiddleware(thunk))
//getChange is my reducers name
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>, document.getElementById('root'));
registerServiceWorker();
// Box.js whi
浏览 0提问于2018-07-31得票数 1
我有一些普通的javascript代码，并希望将其转换为一个React组件。我真的不知道从哪里开始，我有几个问题似乎很简单。
首先，我如何开始转换这个来做出反应呢？我是否将所有这些变量放置在构造函数中，还是在呈现(返回之前)中，所有这些内联样式都足够了，而没有任何外部CSS？
这是一个类(基于d3的KMeans集群可视化)：
var flag = false;
var WIDTH = d3.select("#kmeans")[0][0].offsetWidth - 20;
var HEIGHT = Math.max(300, WIDTH * .7);
var svg = d3.
浏览 1提问于2020-06-01得票数 0
回答已采纳
2回答
ReactJS -无法导入组件
、、、、
我是ReactJS的新手。我正在开发一个小页面应用程序，我只是尝试创建我的组件来导入我的主要组件。
TestComponent.jsx
import React from 'react'
export class TestComponent extends React.Component {
render() {
return (
<div className="content">Test Component</div>
)
}
}
在我的main.jsx中，我导
浏览 2提问于2015-11-04得票数 10
回答已采纳
我目前正在开发一个带有AirBnb React样式指南()的React项目。
该项目的结构如下(正如他们在第一章中所建议的那样)：
src/
|- components/
| |- Footer/
| | |- index.jsx
| |- Navbar/
| | |- index.jsx
| |- index.js
|- containers/
| |- Layout/
| | |- index.jsx
我的肚脐是这样的：
// File: src/components/Navbar/index.jsx
import React from 'react';
浏览 2提问于2021-04-20得票数 0
回答已采纳
在我的ReactJS应用程序中使用制表符时，我一直试图解决这个错误。所以我用命令创建了一个全新的应用程序：
create-react-app my-app
并将以下内容添加到App.js呈现()函数中：
<Tabs defaultActiveKey={2} id="uncontrolled-tab-example">
<Tab eventKey={1} title="Tab 1">
Tab 1 content
</Tab>
<Tab eventKey={2} title="Tab 2"
浏览 0提问于2018-04-30得票数 0
这是react中的代码，当我试图运行它时，它会产生错误。
错误:元素类型无效:需要一个字符串(用于内置组件)或一个类/函数(用于组合组件)，但got:未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
特别是在代码中显示了这一行。
import React, { Component } from "react";
import NewsItem from "./NewsItem";
import "../App.css";
import Spinner from "./Spinner";
i
浏览 2提问于2021-11-25得票数 2
回答已采纳
2回答
这似乎是一个超级简单的问题，但我今天仍然无法回答。
从根本上讲，我需要做一些类似于import index.css; ( main.tsx )的事情。通过这样做，我应该能够从root的任何子节点中执行如下操作：
<div className="anyStyle" />
然而，到目前为止，我只能从“侧css”导入。我确实理解reactjs主要是设计成每个组件都有tsx/css，但对于用例，我需要的是一些不同的东西:)
谢谢
浏览 5提问于2020-09-29得票数 0
回答已采纳
1回答
我是ReactJS的新手。我想可视化一张保加利亚的地图，只有当我收到降雨量数据时才在每个城市设置标记。现在，我尝试使用此链接中的示例：
但是当我把代码放到我的文件中时，我得到了一个错误：
106:86-93 "export 'default' (imported as 'RainMap') was not found in './components/RainMap/RainMap'
可能错误很小，但我不知道如何修复它。
我的代码：
import React, { Component } from 'react';
imp
浏览 0提问于2018-03-07得票数 0
3回答
嗨，我是reactJS的新手，所以我要好好考虑一下这件事。
我刚刚完成了我的项目的标题，现在我在页脚上工作。问题是，如果我在index.js中导入页脚，当页面刷新时，它不会加载。
我的index.js看起来是这样的：
import React from 'react';
import ReactDOM from 'react-dom';
//Components
import Header from './component/header/Header';
import Footer from './component/footer/F
浏览 4提问于2022-03-22得票数 -2
1回答
大家好，我想使用reactJS，但是我不清楚为什么我必须使用它，我已经在使用Jquery了，它对我来说工作得很好，我可以使用Java script并操纵所有的DOM，为什么？我为什么要使用它，以及我可以用reactJS做哪些我不能用Jquery做的事情。
我希望你能帮个忙或举个简单的例子，因为我很困惑，谢谢。
浏览 1提问于2017-04-14得票数 0
我使用Redux存储完全填充了返回状态的类组件：
class TopRatedComponent extends Component {
componentDidMount() {
this.props.fetchTopRatedMovies();
}
render() {
const IMG_API_ROOT_LINK = 'https://image.tmdb.org/t/p/w500';
const { topRatedMovies, loading, error } = this.props;
浏览 3提问于2020-11-06得票数 0
回答已采纳
当我在inputfield中输入一些文本时，当我在还原器中登录时，它会显示一些数据，console.log(state.genreList)也会输出一个数组。但是它不会更新SearchInput.tsx中的mapStateToProps，我看到这个值被正确地传递了，但仍然不明白为什么它不会将它们传递给mapStateToProps。我错过了什么吗？
为了给你一个更好的理解，我将添加一个代码框。
// Reducer
import { types } from "../actions";
const initialState = {
genreList: [],
浏览 0提问于2021-04-25得票数 2
回答已采纳
感谢您阅读我的问题。我是一个新的ReactJs开发人员，我在使用React.createElement时遇到了问题。在我看来，只有<p>标签的样式是以文本为中心的，代码如下：
render()
{
return React.createElement('MDBContainer',null,
React.createElement('MDBRow',null,
React.createElement('MDBCol',{md:'6'},
浏览 1提问于2019-10-09得票数 1
2回答
我在我的网页中添加了多个图像，方法是将每个图像放在相同的目录中--组件(见屏幕快照)--如何将图像文件放在另一个文件夹中，然后在组件中访问它们。
content.js：
import React, { Component } from 'react';
import java from './java.png';
import neural from './neural.png';
import future from './future.gif';
import neuralnet fro
浏览 0提问于2018-03-13得票数 2
回答已采纳
我对我的反应元件有问题。在其中，我试图绑定我的jquery DataTable。但每次我都会犯错误
Uncaught：$(.).DataTable不是函数
这是我的实现。
var test = React.createClass({
componentDidMount: function () {
var dataSet = [
[ '<div class="city-name">Arona Branch</div>', "Arona Street, Windhoe
浏览 1提问于2018-06-07得票数 0
回答已采纳
我正在将我的页面从html和jquery迁移到使用React，我知道React Router和Redux是在构建react应用程序时处理路由的方法，但就目前而言，我想知道如何更改我的设置，以便能够为不同的页面呈现不同的react组件。目前，我可以在加载索引页面时呈现一个react组件，但我认为可以在它下面添加另一个ReactDOM.render()，并在不同的页面上为该组件指定一个不同的div id，但我注意到了一个错误Invariant Violation: Target container is not a DOM element。这是否与不使用react路由器或其他原因有关？
这是我的i
浏览 1提问于2019-03-22得票数 0
如您所知，导入MUI组件有两种方法。例如：
import Button from '@mui/material/Button';
// or
import { Button } from '@mui/material';
所以我的问题是:我应该用哪种方式？他们之间有什么不同吗？
浏览 5提问于2021-11-26得票数 1
回答已采纳
如何合并Svelte和ReactJ的node_module (项目依赖项)？
我看过指南，演示如何将ReactJS文件包含到Svelte应用程序中
<SvelteComponent this={First} {...this.props}/>
这将产生以下错误：
构造函数不是构造函数错误。
浏览 3提问于2019-07-31得票数 0
我是ReactJS的新手，我正在从事我自己开发的一个项目的前端工作。该项目旨在成为一个网站，用户可以logIn和发布消息。 我已经使用Spring和MongoDB作为数据库数据库开发了我的后端，并开发了执行所有必要操作的应用程序接口。我已经在Angular 6中开发了前端，因为我知道如何做到这一点，并且我的网站运行正常。 然而，我正在尝试学习ReactJS，我想用React‘复制’我在Angular中所做的事情。经过一些教程和一些东西，我已经能够开发我的LoginComponent，它可以正确地从后端获取userInformation。 接下来是我的问题:在Angular中，我使用服务来存储
浏览 18提问于2019-03-21得票数 0
回答已采纳
所以我是ReactJS的新手，我想学一些小东西，这里有一个。我在App.js上编写了如下导入代码：
import React, { Component } from 'react';
import './App.css';
import Axios from 'axios';
import Load from './Loading.js';
我为加载动画创建了一个自定义文件，它是从import Load from './Loading.js'导入的
'./Loading.js'是文件名和位置，Loa
浏览 8提问于2022-02-07得票数 1
我是新来的。我更熟悉Angular2+。在角度上，每个组件都有一个单独的html文件。但是，在React中，我看到呈现函数本身包括html模板。例如,
import React, { Component } from 'react';
class HelloWorld extends Component {
render() {
return (
<h2> Hello World </h2>
);
}
}
export default HelloWorld;
好吧，我想
<
浏览 3提问于2017-08-09得票数 51
回答已采纳
7回答
我根本不是一个反应专家，但从我可以看到，如果我导入一些css页，这些将是我的所有应用程序。如果我想为多页应用程序使用react，如何为每个页面定义css工作表？
我的档案结构
第1页
import React, { Component } from "react";
import "./style.css";
export default class Page1 extends Component {
render() {
return (
<div>
<button>with css&
浏览 0提问于2019-03-20得票数 9
回答已采纳
1回答
我正在使用Node JS
我做了一个使用ReactJS路由的小项目，我在没有线索如何跟踪它的情况下得到错误。
下面是我的代码：
main.js，
"use strict";
var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router');
var routes = require('./routes');
ReactDOM.render(<Router>{r
浏览 0提问于2017-03-28得票数 1
2回答
我正在尝试将像下面的JSFiddle代码一样的滚动效果创建到一个react项目中
<div data-scroll>
<div data-scroll-content>
<figure>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/58281/bg_2.jpg">
</figure>
<figure>
<img src="https://s3-us-west-2.a
浏览 1提问于2020-08-21得票数 0
回答已采纳
2回答
重用ReactJS组件
、、、
我已经构建了一个ReactJS组件来进行渲染。可以为每个组件构建单独的组件，但我希望使用一个组件，但根据需要传递单独的组件。
这就是到目前为止所起的作用：
emoction.js
import { faHeart } from "@fortawesome/free-solid-svg-icons";
import { faHeartBroken } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesom
浏览 0提问于2021-09-28得票数 1
3回答
我有一个问题，我想访问一个带有全局变量的DOM元素，以便在我的所有方法中使用它，我试图使用"this.refs“访问它，但它似乎只用于表单和输入？也许你知道更好的方法？下面是我的一些代码：
`从‘React’导入react；
var isSmall = false;
var isMedium = false;
var isLarge = true;
类应用程序扩展了React.Component {
openIframe()
{
var iframe = document.createElement('iframe');
var siteUrl = d
浏览 2提问于2017-10-05得票数 1
我试图通过将fillCalendar()从组件的一个方法中提取到它自己的js文件中并导入它来清理这个react组件。最初，this.state.datesArray是在componentWillMount()生命周期方法中设置的。现在，我试图在构造函数中直接初始化它，因为这就是react 。这样做，现在抛出一个"TypeError: Object(.)不是函数“错误，我不知道为什么。下面是Calendar.js用来看上去像的东西。
Calendar.js
import React, { Component } from 'react';
import { fillCal
浏览 0提问于2018-08-24得票数 34
回答已采纳
1回答
我有三个组件，我在我的反应应用程序中呈现。
以前，我使用状态来呈现它们。
state = {
one: true,
two: false,
three: false
}
通过将其状态设置为true，并将所有其他状态设置为false，使其呈现出我想要的
并将它们呈现出来
<div>
{
this.state.one &&
<Start
switchDisplay={ this.switchDisplay }
quizname={ quizname
浏览 2提问于2017-10-07得票数 0
回答已采纳
2回答
我使用了以下代码导入css
componentWillMount() {
import('./patient-summary.css');
}
如何在组件未使用时从react中删除导入的css。当我回到以前的屏幕时，这个css就会在那里应用。知道吗？
更新: Webpack配置
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: './src/index.js',
output: {
浏览 2提问于2018-01-01得票数 8
2回答
如何创建到达组件/DOM层次结构上的多个级别的ReactJS组件？
这方面的一个很好的例子是模态。我想从我的应用程序中嵌套的一个子模式中触发和控制这个模式，但是一个modal要求DOM要高得多，很可能是文档体的一个子类。
我正在考虑一种“门户”模式，如下所述：
在本文中，FakeRainBrigand甚至很好地将模式混合起来：。
我觉得这是一次黑客攻击。如果您想使用像jquery这样的无反应库，那就太好了，但是没有这样的需求，仅仅为了在DOM中的其他地方呈现一个react组件似乎有点过火了。是否有更多的“反应”方式来实现这一点？
谢谢
浏览 2提问于2015-04-02得票数 3
回答已采纳
1回答
我正在用ReactJS构建一个网站，允许用户在工作日填写表单，但在周末重定向到关闭的页面。如何有条件地使用router路由到另一个页面？我也希望它不是当地时间，但根据，比方说，PST。谢谢!
浏览 3提问于2022-06-30得票数 0
回答已采纳
这个多个组件不能工作；
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'
class App extends React.Component {
render() {
return (
<div>
<ul>
浏览 3提问于2016-09-07得票数 14
2回答
我的反应总是有个奇怪的错误
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the
浏览 7提问于2022-02-07得票数 1
1回答
我正在进行一项涉及MERN堆栈中简单的auth应用程序的任务。一切都设置好了--当我从另一个文件调用UpdateUser函数时，只会出现一个问题--它没有被React读取/识别。另外，当我从同一个文件导入另一个函数，即logoutUser时，它运行得非常好。Dashboard.js-导入函数的文件
import React, { Component } from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";
import {
浏览 5提问于2021-12-19得票数 0
回答已采纳
1回答
如何将从数据库接收到的常量data导出到另一个文件？我需要在另一个文件中使用此数据。
interface Item {
id: string;
name: string;
}
export default function Books() {
const [items, setItems] = useState<Item[]>([]);
useEffect(() => {
async function getItems() {
try {
const { data } =
浏览 0提问于2021-01-09得票数 0
我尝试设置state，但得到错误“钩子只能在函数组件的主体内调用”。 这是代码导入React，{ useState }从"react"； import AuthService from "../Services/AuthService";
const [Searchfile, setSearchfile] = useState([]);
AuthService.getalldata().then((res) => {
setSearchfile(res.data);
});
// const Searchfile = [
// { titl
浏览 12提问于2020-11-19得票数 0
很抱歉我的英语不好和一个新的学习者编程。
我在React.JS在App.js上有一个问题，
我编写了一个名为Fundamental.js的外部JS文件，代码如下：
const testing = () => {
console.log('test log 12456');
}
export default testing;
当我将Fundamental.js文件导入App.js时，VS代码显示了一条弹出消息：
‘测试’是定义的，但从未使用过。
如何解决这个问题？
我的React App.js中的导入列表是：
import logo from './Lin
浏览 3提问于2022-09-30得票数 1
我试图将组件模块化为外部文件，并将它们导入索引文件，但在将数组传递给导入的组件时遇到了一个错误。在我的模块化组件中，它似乎没有处理这个数组，我想知道这是我在索引文件中输入的问题，还是外部文件中的组件逻辑问题。谁能给我指明正确的方向？
index.js:
import React from 'react';
import fetch from 'node-fetch';
import ReactMarkdown from 'react-markdown';
import path from 'path';
import Commen
浏览 3提问于2017-10-23得票数 0
回答已采纳
我是ReactJS的新手，所以请温文点。我正在使用ReactJS CDN和babelJS CDN。
我最初是使用JSON数组编写这段代码的。但我正在尝试将其从数组转换为JSON文件。此JSON文件将通过后台的微CMS保持最新。
当我的JSON像这样放在文档的顶部时，一切都运行得很好
var contactsData = [
{
"id": 1,
"name": "Name",
"job": "Job Title",
"email"
浏览 3提问于2018-01-22得票数 0
我知道要设计材料UI组件的样式，我应该使用它们的useStyles，比如： const useStyles = makeStyles(themes => ({
root: {
marginTop: '15px',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
flexGrow: '0'
},
menuButton: {
浏览 12提问于2019-08-25得票数 1
回答已采纳
2回答
我没有使用react的经验，我试图通过实践/构建来自学。我想添加一个侧栏到我的网站上的一个页面。然而，我的所有研究都导致了文章和教程将侧边栏添加到主页上。我不想让它出现在首页上，只需要一页。我想要的外观是Strip API documentation页面： ? 如果我可以把侧边栏放在页面上，那么我就可以试着用我喜欢的方式来设计它。下面是我的文件。 组件Sidebar.js import React, { Component } from "react";
import '../Styles/sidebar.css'
class Sidebar exte
浏览 23提问于2020-04-18得票数 1
回答已采纳
在第一次加载时，我在componentDidMount()中动态添加脚本标记。接下来，当我路由到该组件时，我只需要再次重新执行脚本即可。因此，我调用window.__sharethis__.initialize();。这个函数会被调用，但它不会更新计数。我需要调用什么函数才能重新执行脚本。
const script1 = document.getElementById("shareThisId");
if (script1) {
window.__sharethis__.initialize();
浏览 3提问于2018-02-26得票数 0
我是Reactjs的新手，我想使用路由器但不工作，显示空白页面。
如何使用路由器主页类别和产品。我将代码放在App.jsx和index.jsx中，但显示空白页，我如何解决此问题。
以下是我的App.jsx代码
/* Import statements */
import React, { Component } from 'react';
import { Link, Route, Switch } from 'react-router-dom';
/* Home component */
const Home = () => (
<div&g
浏览 0提问于2018-11-10得票数 1
1回答
我希望有一个组件，它返回一个变量名称(它从API获得)，然后基于该名称，导入一组在文件夹结构中共享相同名称的文件，即；
文件夹结构
src/components/test/comp1.js
src/components/test/comp2.js
然后在我的应用程序组件中
import GetName from './components/apiRequest.GetName';
import Comp1 from './components/<GetName />/comp1';
如果GetName会提供“测试”--但我不能这样做，我只是得到了一
浏览 0提问于2018-05-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
