我想确认对使用create-react- index.js导入应用程序的默认行为的理解
create-react-index.js是一个用于导入React应用程序的默认行为的文件。它是React应用程序的入口文件，负责启动应用程序并将其渲染到浏览器中。
在使用create-react-index.js导入应用程序时，它会执行以下几个步骤：
- 导入所需的依赖项：create-react-index.js会导入React和ReactDOM库，这些库是构建React应用程序所必需的。
- 导入应用程序组件：create-react-index.js会导入应用程序的根组件。这通常是一个包含整个应用程序的顶级组件。
- 渲染应用程序：create-react-index.js会使用ReactDOM.render()方法将根组件渲染到HTML页面的指定DOM元素中。这将触发React的虚拟DOM算法，将组件转换为实际的DOM元素，并将其插入到页面中。
使用create-react-index.js导入应用程序的默认行为具有以下优势：
- 简化应用程序的入口：create-react-index.js提供了一个标准的入口文件，使得启动React应用程序变得简单和一致。
- 支持模块化开发：通过导入应用程序组件，create-react-index.js支持模块化开发，使得应用程序的代码可以按照组件的方式进行组织和管理。
- 提供了一个统一的渲染方法：create-react-index.js使用ReactDOM.render()方法将应用程序渲染到页面中，这是React官方推荐的渲染方法，具有高效和可靠的特性。
create-react-index.js的应用场景包括但不限于：
- 单页面应用程序（SPA）：create-react-index.js适用于构建单页面应用程序，其中整个应用程序由一个根组件驱动。
- 多页面应用程序（MPA）：create-react-index.js也可以用于构建多页面应用程序，其中每个页面都有自己的根组件。
- 嵌入式应用程序：create-react-index.js可以用于将React应用程序嵌入到现有的网页或应用程序中，以增强其功能和交互性。
腾讯云提供了一系列与React应用程序开发和部署相关的产品和服务，包括但不限于：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于托管和运行React应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储React应用程序的数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储React应用程序的静态资源文件。
- 云网络（VPC）：提供灵活可定制的虚拟网络环境，用于搭建React应用程序的网络架构。
- 人工智能（AI）：提供各种人工智能服务和工具，用于增强React应用程序的智能化能力。
更多关于腾讯云相关产品和服务的介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
metrics.js
const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp();
exports.nightlyReport = functions.https.onRequest((request, response) => {
// ...
});
index.js
const functions = require('firebase-functions');
浏览 3提问于2022-06-02得票数 1
回答已采纳
我是nodejs + react的新手，我想这是一个基本的react语法。我只是不习惯来自另一种语言。我想确认我是否正确：
我正在尝试一个开放的反应项目，它是成功部署和工作的肯定。
在条目文件中，index.js
...some code...
import AdminLayout from "layouts/Admin/Admin.js";
...some code...
ReactDOM.render(
<ThemeContextWrapper>
<BackgroundColorWrapper>
<Browser
浏览 3提问于2021-04-15得票数 1
回答已采纳
2回答
我找到了一个代码库来做这件事。
//index.js
export { default } from './Tabs'
export { default as Tab } from './Tab'
//Tab.js
export default class Tab extends Component {
render() => 'Something'
}
这是可以理解的，作者将Tab文件放在一个Tab文件夹下，这样在其他地方他就可以导入'./Tabs‘，但是为什么在index.js中他需要解构？
浏览 1提问于2018-05-07得票数 0
在Visual Studio Code 1.33.1 (Linux)中，我试图重构(重命名) JavaScript文件，但它部分工作。
假设我有一个包含以下内容的文件app.js
import {Foo} from './bar.js';
如果我将文件bar.js拖到名为subfolder1的子文件夹中，则上面的行将变为
import {Foo} from './subfolder1/bar.js/index.js';
所以VS代码添加了一个尾随的/index.js。我如何防止这种情况？？
浏览 2提问于2019-04-23得票数 4
我有一个弹出的React应用程序，它基于Create-React- app，我正在尝试安装@ Salesforce /design-system-react包，以便在其中使用Salesforce lightning组件。但是使用这个包并不容易(似乎我需要为Barbel和Webpeck做一些额外的配置)。我没有太多的配置，Barbel和Webpeck的经验，需要一些帮助来帮助我开始。
谁能让我知道如何从这个网站：获取.BABELRC和Webpack的v1文件？
非常感谢，
浏览 0提问于2018-04-20得票数 1
1回答
我是一个React初学者，试图让我的文件结构正确。
这是/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App />, document.getElementBy
浏览 1提问于2019-10-24得票数 0
我被react文档上的东西弄糊涂了。
具体来说，在试图构建原型应用程序(在这里提供)时，我对这一行感到困惑。
import rootReducer from './reducers'
令人困惑的是，在app目录中，没有这样的文件reducers.js，只有一个文件夹reducers/包含
index.js
todos.js
todos.spec.js
visibilityFilter.js
我没有看到rootReducer的文件，所以我假设(正确吗？)上面代码的ES6语法是从
reducers/index.js
是这样吗？
在那个文件里，我看到了
export default
浏览 1提问于2020-01-07得票数 0
回答已采纳
3回答
webpack是否可以根据某些上下文信息加载另一个模块？
例如，我有两个版本的React应用程序:桌面和移动
在我的index.js中，我决定加载哪个应用程序：
if (isMobile()) {
loadMobile().then(({default: App}) => render(App))
}
现在我想重用一些模块，但有些我想重写它。因此，默认情况下，它应该加载index.js，但是如果上下文isMobile和index.js旁边存在一个mobile.js文件，那么它应该加载mobile变量。
components/
Button/
index.js
m
浏览 0提问于2019-06-20得票数 10
似乎不能使用create-react- .env --template=typescript加载模板变量，不确定我遗漏了什么。有人能帮上忙吗？process.env.REACT_APP_GRAPHQL变量是未定义的，而process.env只是返回一个空对象。 使用"react-scripts"："3.4.1“ 编辑:在下面找到答案
浏览 26提问于2020-12-18得票数 0
我试图将库中的所有内容作为散列导入，对其进行修改，然后重新导出修改后的散列，而不知道库中所有已命名的导出。例如：
import * as reactBootstrap from 'react-bootstrap';
wrappedReactBootstrap = doFunnyThingsTo(reactBootstrap);
export {
...wrappedReactBootstrap
};
// or
export wrappedReactBootstrap;
我对的理解是，规范不允许以下内容。有人能确认一下吗？
显然，循环是不可能的，因为导出和导入语句必须
浏览 2提问于2017-04-09得票数 26
回答已采纳
如何指示meteor shell自动导入'/imports/startup/server/index.js';
我想让所有在服务器上可用的东西都在shell中立即可用(集合，underscorejs等)
我试着创建'/imports/startup/shell/index.js';，但是什么也没做。
浏览 14提问于2017-12-30得票数 0
配置webpack，我想知道一些优化的东西。我有两个JS文件index.js和helper.js。我是这样在helper.js中导入index.js的：
import * as helper from 'helper.js';
在这两个JS文件中，我导入了一些node_modules。
关于，为了防止重复代码和缓存，您可以这样做：
const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const Htm
浏览 2提问于2019-06-20得票数 0
回答已采纳
在使用创建react应用程序时，我试图理解为什么如果一个文件夹包含一个index.js，而您想要导入它，那么您只需要指定文件夹名称。 我很想知道它在哪里配置为在默认情况下自动知道查找index.js？ 这个问题之前被链接到另一个帖子，但那个帖子不够清楚，我无法理解。据我所知，这是我的理解，我想确认一下它是否正确。 我的理解是，我所知道的在幕后运行create-react-app的webpack被配置为默认导入index.js -这是正确的吗？我猜在使用create-react-app时，这个配置被隐藏起来了。 那么，这只适用于和webpack一起建造的项目吗？
浏览 14提问于2021-01-22得票数 0
1回答
我试图使用npm软件包“创建-反应-应用”开始一个使用WebStorm的反应项目。
我已经运行了npm install -g create-react-app来全局安装包，并且可以从命令行(即create-react-app <proj name>)很好地使用这个包。
但是，当在WebStorm中创建项目并使用全局“创建-反应-应用程序”包(使用npm list -g找到)的路径时，我会遇到以下错误：
/usr/bin/node /usr/local/lib/node_modules/create-react-app/index.js .
/usr/local/lib/node_m
浏览 3提问于2017-09-09得票数 5
回答已采纳
1回答
我在模块A中有这个打字记录文件：
// somefile.tsx
import { remAuto } from 'tidee-life-theme';
在模块B中，我有index.js文件导出remAuto
// index.js
import { remAuto } from './src/utils';
export default {
remAuto,
};
然而，当我使用Webpack构建时，我得到了以下错误：
警告在./src/components/somefile.tsx 50:20-27“导出'remAuto‘中没有找到’模块-b‘。
浏览 3提问于2021-08-25得票数 1
回答已采纳
1回答
反应:音频不播放
、、、、
我想要一个音频播放点击一个按钮。音频必须根据选定的动物进行选择。提供音频的功能如下所示：
function introAudioForAnimal(animal) {
if (animal == "siri") { return }
let audioImport = import("../assets/audio/wer_wars/" + animal + "/" + animal + " anfang.wav");
return new Audio(audioImport
浏览 12提问于2021-12-23得票数 1
回答已采纳
2回答
我有一个CDN指向我的基本域，基本上有1:1的映射。我试图在服务器上构建我的包，我想使用CDN加载它。在npm run build之后，我想要的是：
public/
css/
app.css
js/
index.js
1.js.gz
1.js
2.js.gz
2.js
然后我的CDN会反映这一点，所以我希望这些资源像这样加载：
https://mycdn.com/public/js/index.js
https://mycdn.com/public/css/app.css
我当前的webpack.mix.js配置：
mix
.sass
浏览 4提问于2020-04-28得票数 6
今天，我正在为我自己的初创公司制作一个登录页(我是一名数据科学家，而不是前端开发人员)。我的整个文件夹配置如下所示
/src
├── pages
│ ├── index.js
│ ├── 404.js
├── containers
│ ├── contactform
│ ├── index.js
│ ├── styles.js
│ ├── errorMessage.js
我无意中用下面所示的代码制作了一个React表单(/src/containers/contactform/index.js)。将函数ContactForm导出为/src/page
浏览 0提问于2020-08-15得票数 0
我有一个React应用程序(使用create-react- app制作)，它包含以下组件：
import React from 'react';
const Sample = () => {
return (<h1>Some sample text.</h1>);
}
export default Sample;
但是，当我运行npm run start时，我收到以下错误：
Users/blah/blah/blah/blah/node_modules/babel-
core/lib/transformation/file/index.js:
浏览 18提问于2018-03-01得票数 0
1回答
组件内部的组件
、、、
我和React.js一起工作
我想使用组件x内应用程序组件(app.js)，即在index.js内部。
它不起作用。**
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 m
浏览 3提问于2022-07-09得票数 0
回答已采纳
我正在开发一个货币转换应用程序，我从代码笔()那里得到了代码。我正在尝试运行此代码，并收到此错误：./src/index.js尝试导入错误：'App‘不是从'./App’导出的。
我已经尝试在index.js和App.js文件上添加导出默认应用程序()；，但不起作用。
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import {App} from './App';
import * as ser
浏览 1提问于2019-07-03得票数 8
var _orgAjax = jQuery.ajaxSettings.xhr;
jQuery.ajaxSettings.xhr = function () {
var xhr = _orgAjax();
DoSomeLogging();
return xhr;
};
我继承了上面的代码。有人能确认我的理解吗?这将覆盖页面上任何其他地方的任何$.ajax(...)调用，并每次执行DoSomeLogging()？
我正在寻找一个不同的bug，但偶然发现了这一点，并想确保我理解了这段遗留代码的作用？
我不相信这是xhr函数的良好实践/用法，但很有兴趣听听您的意见。我们使用的是
浏览 3提问于2012-08-13得票数 2
回答已采纳
我试图在我的项目中使用我的模块作为外部库。这是我的图书馆的代码：
// src/index.js
export default {
test: 'Hello there'
}
这是我的图书馆的package.json：
"main": "dist/index.js",
"module": "src/index.js",
这就是我在我的项目中导入它的方式：
import { test } from 'my-library'
import external from 'my-li
浏览 0提问于2018-10-08得票数 0
回答已采纳
2回答
我已经创建了react应用程序代码库，我希望能够迭代嵌套的数据结构来导入一个特定的文件。 我有以下结构： root.js
-modules
-- mod1
--- index.js
-- mod2
--- index.js 在root.js中，我想遍历模块中的每个模块以导入index.js，以便在应用程序启动时运行初始化数据。我不清楚什么是最好的方法，如果有解决方案，最好不要使用任何插件。
浏览 17提问于2019-09-27得票数 0
每次我撰写react组件时，我都会为它创建文件夹。我制作文件index.js和component.jsx
例如
├── App.js
├── component
│ ├── index.js
│ └── Component.jsx
...
索引component/index.js
export default from './Component'
实际的react组件是用Component.jsx编写的。
但问题是，当我尝试用create-react-app构建应用程序并导入Component.jsx时，如下所示
import Component from '.
浏览 2提问于2017-10-26得票数 2
回答已采纳
在更新到babel 6之后，如下：
containers/
game.js
action-creators/
actionCreators.js
asyncActionCreators.js
index.js
actionCreators.js有以下代码：
export function x(){}
export function y(){}
asyncActionCreators.js有以下代码：
export const j = () => (a, b) => {}
export const k = () => (a, b) => {
浏览 3提问于2015-12-30得票数 1
我浏览了一下，试图理解代码的工作原理
在这里，作者(或程序员)在多个地方提到了import *，所以我试图理解和理解import *是如何工作的？
首先在中，他提到/写成这样
import * as actions from '../actions';
在VS代码中，如果我使用命令点击'../actions，它会将我重定向到这个文件->
然后在Index.js中，他们有类似这样的东西
import * as ActionTypes from './action-types';
当我单击./action-types时，它会将我重定向到此处
我浏览了
浏览 0提问于2018-11-15得票数 8
下列代码按预期工作：
// ./mwe/index.js
let foo = () => 'foo';
const Bar = {
foo
};
export default Bar;
// ./index.js
import Bar from './mwe';
console.log(Bar); // logs an object with a member foo that is a function
然而，这是行不通的：
// ./index.js
import {foo} from './mwe';
console
浏览 3提问于2017-06-28得票数 1
回答已采纳
我今天刚升级到Webpack 2.2，一直在阅读他们的指南，这似乎还在进行中。
我很难设置我的应用程序使用webpack开发服务器与热模块重新加载.
我通过webpack文档所遵循的指南就在这里，但是我必须修改它才能使用开发/生产应用程序。
我得到的两个错误如下..。
Uncaught Error: _registerComponent(...): Target container is not a DOM element.
at invariant (eval at <anonymous> (index.js:2), <anonymous>:44:15)
浏览 4提问于2017-01-18得票数 6
回答已采纳
1回答
我遇到了一个出口场景的小问题，我不知道为什么。我可能需要一个Babel插件来解决它，但不确定是哪个。
// a.js
export function fromA() {}
// b.js
export function fromB() {}
// index.js
import * as a from './a'
import * as b from './b'
export default { ...a, ...b}
// test.js
import all from './index'
const { fromA } = all
浏览 4提问于2016-11-13得票数 5
我在试着在生产模式下运行一个打字稿项目。
运行npm run start:dev是在上运行服务器
运行npm run build正在生成dist文件夹
使用定义了@server的定义。
"_moduleAliases": {
"@server": "dist/Server"
}
@server也是用compilerOptions.paths.@server在中定义的！
从@server导入app；
import app from '@server';
当我运行npm start时-它什么都不做
因此，我尝试了n
浏览 2提问于2020-06-18得票数 0
回答已采纳
2回答
在试图优化我的源代码之后，我正在努力解决Webpack的一个看似通用的错误。
假设我在./src:中有以下文件
main.js moduleA.js└──moduleB.js
main.js imports and uses ModuleA.
moduleA.js imports and uses ModuleB
ModuleA.js and ModuleB.js both import flatten-array from node_modules
，我的期望是，如果我试图优化我的包(参见下面)，它将输出两个文件：
1. index.js
2. vendors~main.inde
浏览 0提问于2018-11-04得票数 0
我正在使用应用程序中的“react loadable”来延迟加载一些我不想在应用程序加载时立即呈现的组件，目前我正在遵循基于路由的代码分割。
我的档案结构：
ignitus-About/Components/index.js的内容如下：
export { default as About } from './About';
这是我的惰性load组件的代码片段：
const AboutUs = Loadable({
loader: () => import('../ignitus-About/Components/About'),
load
浏览 3提问于2018-10-24得票数 0
在modules文件夹中设置redux文件：
\modules
\application
\actions
application.js
index.js
\records
application.js
\reducers
application.js
index.js
我的application记录是一个不可变的记录，它导出缺省值：
import {Record, List, Map, Set, OrderedMap}
浏览 0提问于2019-12-31得票数 0
回答已采纳
5回答
在ES6中，是否有可能缩短以下代码。我有一个App.js文件和一个index.js。
index.js
import App from './App';
export default App;
就像这样
index.js
export default App from './App.js'
浏览 13提问于2016-10-12得票数 134
回答已采纳
我现在第一次学习ReactJS。
来自
锅炉板：facebookinculator/create-react-app
使用：npm test进行测试
我决定不使用普通的在线网站来练习的主要原因是我想尽可能多地熟悉真正的工具。这是我的密码。
export const counter = (state = 0, action) => {
switch (action.type) {
case 'INCREMENT':
return state + 1;
case 'DECREMENT':
return state -
浏览 5提问于2017-12-02得票数 1
回答已采纳
2回答
我试图确定我对C中序列点的理解--只是想检查一些东西。目前，我认为(1)是未定义的，而(2)仅仅是未指定的，因为在(2)中，在计算g和h的参数之后有序列点(所以我们不会在序列点之间修改i两次)，但是f的参数的计算顺序仍然是未指定的。我的理解正确吗？
#include <stdio.h>
int g(int i) {
return i;
}
int h(int i) {
return i;
}
void f(int x, int y) {
printf("%i", x + y);
}
int main() {
int i = 2
浏览 1提问于2012-06-12得票数 4
回答已采纳
2回答
我有个问题。我用创建-反应-应用程序做了我的项目，这基本上是我的结构：
src
├── app
│ ├── index.js
│ └── …
├── navigation
│ ├── index.js
│ └── …
└── …
我的应用程序/index.js
import App from 'app/App';
export default {
App
};
我的导航/index.js：
import Navigation from 'navigation/Navigation';
export default {
Navigati
浏览 1提问于2018-05-02得票数 0
回答已采纳
5回答
我有一个包含组件路径的path.json文件
// path.json
{
"main": "./login/index.js",
"paths": [
{
"name": "login",
"path": "./login/index.js",
"image": ""
}
]
}
我想动态地加载'./login/index.js'文件并呈现这个特定的文件。
我目前的实现
浏览 6提问于2020-03-06得票数 9
回答已采纳
Webpack会提升机吗？
我使用Webpack和Babel来捆绑和传输一堆类，每个类都来自一个单独的文件。
我的Webpack条目文件是一个index.js文件，包含按名称排序的每个类的导入语句，
index.js：
import classA from './a';
import classB from './b';
import classC from './c';
import classD from './d';
...
a.js：
export class classA extends classD {
con
浏览 3提问于2017-03-18得票数 1
回答已采纳
根据文档
要导入css文件，我可以在'pages/_app.js'中执行以下操作
import '../styles.css'
// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
很简单。根据我的理解，这将应用程序组件与全局css结合起来。
文件上说：
Next.js uses
浏览 3提问于2020-03-12得票数 1
回答已采纳
2回答
我有一个模块，如下所示：
const awesomeFn = () => ...
export default awesomeFn;
它是使用babel构建到ES5中的，当我创建另一个ES6模块时，我需要以下语法：
npm i awesomeFn
// ./index.js
import awesomeFn from 'awesomeFn';
awesomeFn();
但这个扔了。Logging awesomeFn给了我{ default: _default [Function()] } (或者类似的东西)，暗示我需要做一些类似的事情
import awesomeF
浏览 5提问于2021-02-24得票数 0
回答已采纳
如何将在jsx文件中定义的react组件捆绑到index.js文件中？
以组件可以被import module from "/module"; let C = module.Component;访问的方式。
通过以下方式：
/module
index.js
Component.jsx
浏览 0提问于2016-06-03得票数 4
回答已采纳
作为函数，我有以下组件：
function Modal(props) {}
我是这样出口的：
export default Modal;
但是，我想以这样的方式从其index.js文件中导出它：
export { Modal } from "./Modal";
但是我有个错误..。有人知道为什么吗？
浏览 1提问于2019-06-05得票数 0
回答已采纳
2回答
我正在处理一个简单的React库，但我不确定是否会不必要地创建多个对象。
我有一个app.js文件：
class App {
method1() {
}
method2() {
}
}
export default new App();
我还有一个index.js文件：
import app from './app.js';
...
export default app;
在React项目的index.js (其中我使用库)中，我使用：
import MyLibrary from 'react-library';
...
MyLibrary.
浏览 5提问于2017-09-12得票数 1
回答已采纳
1回答
我正在尝试给一个使用bootbox.js .Here is 的模态确认框。
我的代码如下所示，但问题是本机javascript确认比使用插件的自定义确认框阴影更大：
$(window).bind('beforeunload', function(){
var conf = "All unsaved changes will be lost, are you sure you want to leave the page?";
return bootbox.confirm(conf, function(result)
浏览 4提问于2014-02-05得票数 1
1回答
我正在尝试创建一个索引文件，我可以导入类似的模块。
例如：
import { foo } from './random';
// or
import bar from './random';
所以我有random/格式的index.js文件
import bar from './bar';
import foo from './foo';
export {
foo
};
export default DefaultSurvey;
这很好用，但是我有一个小问题。
foo.js扩展了bar.js
import './
浏览 12提问于2019-11-13得票数 0
1回答
为什么不从文件(或模块)导出任何东西，重命名它，只将变量放在执行代码的作用域中？
// log.js
console.log('A message');
// index.js
import * as app from 'log.js';
app;
结果：A message按预期打印。但是，如果您将app行注释掉：
// log.js
console.log('A message');
// index.js
import * as app from 'log.js';
// app;
什么都没有印出来。这里发生了什么事？
有
浏览 0提问于2020-02-13得票数 1
我的代码中没有名为reducer的类或函数reducer，但解释说在index.js中默认使用index.js，有名为reducer的类或函数，我没有错误，如何编译？ 我已经使用create-react -app创建了应用程序 以下是作为reducers的index.js代码 import { combineReducers } from 'redux';
import movies from './movies_reducer';
const rootReducer = combineReducers({
movies
})
export de
浏览 18提问于2019-06-11得票数 0
我在一个常量文件夹中有几个常量文件和一个index.js文件。
index.js文件，
import * as env from "./env.constants";
import * as httpC from "./http.constants";
import * as localStorage from "./localStorage.constants";
import * as routes from "./routes.constants";
const appConstants = {
...env
浏览 2提问于2019-10-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
