我不能导出我在react组件中创建的数组
在React组件中创建的数组无法直接导出，因为React组件的数据和状态是封装在组件内部的。如果需要在组件之间共享数组数据，可以通过以下几种方式实现：
- 使用props传递：将数组作为props传递给其他组件。在父组件中创建数组，并将其作为props传递给子组件。子组件可以通过props接收并使用该数组。
- 使用状态管理库：使用像Redux、MobX或React Context这样的状态管理库来管理应用程序的状态。在状态管理库中创建一个存储数组的状态，并在需要的组件中访问和更新该状态。
- 使用React的上下文（Context）：React的上下文提供了一种在组件树中共享数据的方式。可以在父组件中创建一个包含数组的上下文，并在需要的子组件中访问该上下文。
- 使用全局变量：在React应用程序中，可以使用全局变量来存储和访问数组数据。在需要使用数组的组件中，直接引用全局变量即可。
需要注意的是，使用全局变量或上下文时要小心维护数据的一致性和避免命名冲突。另外，如果需要对数组进行增删改查等操作，建议使用相关的数据结构和算法来提高效率。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云开发：https://cloud.tencent.com/product/tcb
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tbc
相关·内容
2回答
我不能导出我在react组件中创建的数组
javascript、arrays、reactjs、export
我一直试图导出这个数组，以便在我的应用程序中的另一个页面上动态呈现(基于来自fakeApi的输入)，但无法使其工作。我是个新手，不确定这是不是实现我想要的东西的正确方式。基本上，我希望完整的api (尚未创建只使用一个假的测试)出现在一个页面(这是工作)。然后根据从阵列收到的信息，在<
浏览 18提问于2021-03-29得票数 1
1回答
本机/博览会/类型记录: JSX元素类型“Text”没有任何构造或调用signatures.ts (2604)
javascript、reactjs、typescript、react-native
有人能在我早期的旅程中帮助我使用“反应本地人”和“世博”吗？JSX元素类型“Text”没有任何构造或调用signatures.ts(2604)import { StyleSheet, Text, View } from 'react-nativefrom 'react'
const FrontCard: React.F
浏览 8提问于2022-11-12得票数 0
回答已采纳
10回答
响应组件的呈现数组
arrays、reactjs
有人知道如何呈现一个组件数组吗？试图使开发人员更容易地更改特定组件。(就像仪表盘)。组件列表文件export default [ <ComponentTwo/>仪表板组件
import我似乎也不能为组件添加一个键，不知道如何真正解释它，下面是<
浏览 11提问于2018-01-06得票数 37
回答已采纳
2回答
在React中导出函数组件和类组件
reactjs
我在VS代码中使用，但我不确定使用哪种“类型”的导出。如果导出应该在类/功能组件声明处或在文件末尾。以下哪一项是推荐的？**************************************// *****************
浏览 0提问于2019-06-08得票数 0
3回答
无法读取类组件中的历史记录。
javascript、reactjs、react-router
我试图使用按钮单击导航到另一个页面，但是如果说是can not read property push of undefined.，则会引发错误。这是我的密码。import React, { Component } from 'react';
class CentralBar extends
浏览 5提问于2021-06-18得票数 1
回答已采纳
2回答
如何在反应中切换元件？
reactjs、react-router、react-router-dom
我想让用户在创建内容之后移动主组件，我不需要使用什么方法。我想用一些类似历史的东西，但没有用。我在用import React, { Component
浏览 3提问于2022-02-27得票数 1
回答已采纳
2回答
如何从对象本身引用json字段
json、reactjs、jsx
我希望将无状态视图组件分离到一个文件中，同时具有尽可能短的代码。a.someValue</span>),}import View from './View&#
浏览 14提问于2019-07-17得票数 0
3回答
如何在导入的SVG上使用className作为类型记录React.FC中的一个组件
reactjs、typescript、svg、svg-react-loader
我有反应打字记录svgr。一切看起来都很好。TS2322: Type '{ className: string；}‘不能分配到键入'IntrinsicAttributes’。我该怎么办？很有意思！当我导入{ReactComponent as Logo}时-我不再有错误了。
浏览 5提问于2021-03-03得票数 4
1回答
我是应该使用mocking，还是应该对浅层使用酶？
javascript、jestjs、enzyme
我学习React已经有几个星期了，我刚刚开始进入单元测试部分。尽管如此，我还是很困惑，因为当涉及到测试时，几乎没有标准。我看到很多人选择“笑话”，所以这也是我选择的道路。因为我在代码中使用ES6类，所以我不能只导出方法，我还要导出组件类。
这里的代码是我的测试用例，它工作得很好，但我不想从一开
浏览 1提问于2018-07-02得票数 0
1回答
响应本机redux导出默认连接
javascript、reactjs、react-native、redux、react-redux
当我使用redux导航时，我不想分离组件。如何创建一个"const=“而不是创建一个新文件和”导出默认值“const IntroScreen2 =()=> connect(mapStateToProps,mapDispatchToProps)(IntroScreen2a)
导出默认连接..。哪一个是对的</
浏览 0提问于2018-12-18得票数 1
1回答
当路由更改时，停止重新呈现组件。尤其是外部部件
reactjs、react-router
我有以下组件结构：主干线：<div>Categories />} /> </Switch>
</div
浏览 2提问于2020-08-06得票数 4
回答已采纳
3回答
在React.js中更新导入变量的值
javascript、reactjs
我正在重定向一个我使用React.js构建的应用程序。我从Spotify.js的全局作用域中导出一个变量，并将其导入到另外两个文件App.js和Button.js中。您的帮助将非常有用:)export const Spotify = {
export class App
浏览 0提问于2019-07-17得票数 0
1回答
有条件地构建路由并将参数传递给基于类的组件。
reactjs、react-router-dom
我正在用react-router-dom构建一个应用程序，它通过发出AJAX请求进行初始化，然后使用路由将参数传递给基于类的子组件。我不知道如何同时呈现<Routes>，2)将参数传递给子组件。我有一个具有功能的父级<RouterApp />组件和一个有条件呈现的组件<MyClassBasedComponent>。在我
浏览 9提问于2022-04-09得票数 1
回答已采纳
1回答
React - Element类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)，但got: object
reactjs、webpack、gatsby
我真的对此束手无策。我正在尝试构建和部署一个Gatsby站点，在尝试构建静态HTML页面后，我得到了上面的错误。CSS和JS文件的构建都没有问题。我也得到了一个WebpackError：WebpackError: Minified React error #130;，它可以在这里找到：
建议此#130 error是由于在同一文件中混合了import我已经遍历了我的整个目录，寻找类似
浏览 1提问于2018-10-01得票数 2
2回答
从对象值呈现React元素
javascript、reactjs
我想创建一个对象：import { Registration } from "../../";
Registration: { comp: <Registration />};然后，
浏览 3提问于2017-11-07得票数 6
回答已采纳
3回答
在react-native中运行应用程序时出现错误
reactjs、react-native
我的App.js文件代码如下所示import { createStackNavigator} from "react-navigation-stack"; Home: { }
export defaul
浏览 0提问于2019-11-13得票数 1
1回答
为什么要创建上下文而不是仅仅导出对象？
reactjs、react-hooks
因此，我想避免道具的深嵌套，我开始使用React上下文来完成这个任务，但是我突然想到“为什么我不直接导出对象呢？”totalPrice = calcPrice(quantity);}
我可以把它写成
浏览 3提问于2019-05-01得票数 1
回答已采纳
我有一个非常简单的应用程序，但是它给我带来了一个错误，我不知道该怎么做。在index.js中，我将App.js添加到DOM中，所有内容都呈现为ok，几秒钟后，它抛出此错误：
ReactDOM.render(<App />, document.getElementById(
浏览 1提问于2018-12-31得票数 3
回答已采纳
1回答
onChange函数不能在具有react rails的erb中的react组件中工作
ruby-on-rails、reactjs、react-rails
我在使用rails 5.1.7和function rails创业板，在我的erb视图中使用了react_component()助手的function组件，我试图使onChange事件正常工作，但是函数没有以任何方式响应我应该能够看到控制台日志，但我没有看到它。：
<%= react_component("cardlist", { all_cards: @all_cards
浏览 5提问于2020-09-17得票数 0
回答已采纳
1回答
如何让树共享对导出多个react组件的文件起作用？
javascript、reactjs、webpack、babeljs、tree-shaking
我有一个名为icons.js的文件，在这个文件中我导出了多个const，其中包含多个子数组。 在另一个react文件中，我们称其为CloseButton.js。/icons.js'; 当我在启用了生产模式的情况下运行webpack时，所有其他图标似乎也被导入到了转换后的CloseButton.js中( icons.js常量输出大约为100kB，
浏览 11提问于2019-04-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
