区分Redux中的商店
Redux是一个用于管理应用程序状态的JavaScript库。它通过一个单一的全局状态存储（称为“商店”）来管理应用程序的状态，并使用纯函数来处理状态的变化。Redux的核心概念包括：
- 商店（Store）：Redux中的商店是一个包含应用程序状态的对象。它是唯一的，用于存储整个应用程序的状态。商店可以通过Redux提供的API来访问和更新状态。
- 动作（Action）：动作是一个描述状态变化的普通JavaScript对象。它必须包含一个
type属性，用于指定动作的类型。动作还可以包含其他自定义属性，用于传递与状态变化相关的数据。 - 归约器（Reducer）：归约器是一个纯函数，用于根据接收到的动作来更新状态。它接收当前状态和动作作为参数，并返回一个新的状态。归约器应该是纯函数，即不应该有副作用，只依赖于输入参数。
- 分发（Dispatch）：分发是将动作发送到商店的过程。通过调用Redux提供的
dispatch函数，并传递一个动作对象，可以触发状态的变化。 - 订阅（Subscribe）：订阅是一种机制，用于在状态发生变化时通知应用程序。通过调用Redux提供的
subscribe函数，并传递一个回调函数，可以订阅状态的变化。
Redux的优势包括：
- 可预测性：Redux使用单一的全局状态存储，使得状态变化变得可预测。通过纯函数处理状态变化，可以确保相同的输入始终产生相同的输出，从而避免了难以调试的副作用。
- 可维护性：Redux的架构清晰，将状态管理与界面逻辑分离，使得代码更易于理解和维护。通过将状态变化的逻辑集中在归约器中，可以更好地组织和重用代码。
- 扩展性：Redux支持中间件，可以在处理状态变化之前或之后执行自定义逻辑。这使得在应用程序中添加新的功能或扩展现有功能变得更加容易。
Redux在许多应用场景中都有广泛的应用，特别是在大型和复杂的应用程序中。它适用于需要管理大量状态、需要实现时间旅行调试功能、需要实现状态持久化等场景。
腾讯云提供了一系列与Redux相关的产品和服务，包括：
- 云函数（Serverless Cloud Function）：腾讯云云函数是一种无服务器计算服务，可以用于处理Redux中的异步操作，如网络请求、数据处理等。详情请参考：云函数产品介绍
- 云数据库（TencentDB）：腾讯云云数据库提供了可扩展的、高性能的数据库服务，可以用于存储Redux中的状态数据。详情请参考：云数据库产品介绍
- 云存储（COS）：腾讯云云存储是一种安全、稳定、低成本的对象存储服务，可以用于存储Redux中的文件和媒体资源。详情请参考：云存储产品介绍
请注意，以上仅为腾讯云提供的一些与Redux相关的产品和服务，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我正在使用Chrome Redux Dev工具来帮助调试我的react应用程序的Redux商店。我添加了一个新的依赖，，它显然使用了redux，因为现在我的商店不再出现在Chrome Redux Dev工具中，我还看到了React Beautiful dnd的商店。
我不喜欢看到这些，因为现在每次我想去我的商店，我都必须手动从列表中选择它。
他们一定要在我的项目中保留react-beautiful-dnd作为依赖项，但阻止它在Chrome Redux Dev工具中显示吗？
也许有某种配置文件可以控制存储的可见性？或者是Redux Dev Tools中控制哪些商店可见的设置？
Chrome Re
浏览 1提问于2021-06-23得票数 0
我试图通过useDispatch方法更新redux中的商店，但是我收到了这样的消息：
试图导入错误：“useDispatch”不是从“redux”导出的。
我使用这个方法来调用操作来更新我的商店。
import { useDispatch } from 'react-redux';
import { loggedInAction } from './redux';
const userInfo = () => {
const dispatch = useDispatch();
const loggedIn = user => dispatc
浏览 1提问于2019-06-10得票数 19
回答已采纳
我的项目运行良好，但是当我输入命令yarn test来运行测试时，它显示以下错误：
我认为这个错误是由于商店中的REDUX_DEVTOOLS造成的，下面是我使用REDUX_DEVTOOLS_EXTENSION的商店设置：
const persistConfig = {
key: 'root',
storage,
};
const persistedReducer = persistReducer(persistConfig, UserReducer);
const reducers = combineReducers({
persistedSt
浏览 0提问于2020-06-01得票数 0
如何在Chrome扩展的内容脚本和弹出脚本之间同步Redux存储？它们在两个不同的环境中运行。我知道Chrome中有消息传递功能来进行通信。
我想知道如何将它与Redux商店集成起来。或者我应该使用Chrome的存储来帮助同步Redux商店？
浏览 4提问于2015-12-26得票数 1
回答已采纳
我尝试了一下redux，遇到了一个问题，我找到了解决方案(这里：React Redux - Error passing several store enhancers to createStore())，但这不是我想要的解决方案。基本上，我和问问题的人基本上有相同的问题，当我们创建redux商店时，我们这样做： import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import r
浏览 16提问于2021-03-26得票数 1
回答已采纳
1回答
我不明白:我有一个商店，我已经安装了redux扩展，以跟随我的树存储。
但是devtool在我的react本地应用程序中找不到我的商店。
import { createStore, combineReducers, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import authReducer from './store/reducers/auth';
const rootReducer = co
浏览 3提问于2021-04-05得票数 0
回答已采纳
1回答
我正在尝试将Apollo客户端(graphql)集成到已经使用reactjs和redux开发的应用程序中。
有了我得到的信息，阿波罗客户有一个商店，因为redux也有一个。
在应用程序中使用2个商店好吗？有可能只有一家商店吗？
浏览 3提问于2018-04-05得票数 2
1回答
我目前正在学习如何在我的ReactJS应用程序中使用Redux，我所看到的所有教程都让我相信Redux中只有一个商店。在实际应用程序中，可能有来自REST或其他源的多个数据流。例如，我可能会查看一个组件中的客户列表、另一个组件中的项目列表和另一个组件中的用户列表。我的问题是: Redux允许您为每个实体创建一个存储库吗？例如，客户商店、项目商店和用户商店？如果不是这样，一个人如何组织在一个单一的商店，而不让一切变得复杂？谢谢。
*编辑*使我的状态看起来类似于：
let initalState={
customers:{
data:[]
...
浏览 3提问于2020-02-10得票数 0
2回答
我已经指出了我的错误，并知道是哪一行造成的，我只是不知道为什么。我遵循一个教程，并从他的字面上复制代码到我的，所以我不知道为什么它不工作。
在componentDidMount函数中的区域容器中。行store.currentStore().dispatch(actions.zonesReceived(results));是抛出错误的行。当组件加载时，我得到错误Console is not defined。
因为您需要更多的信息来查看行中的所有内容，所以我将在下面发布其余的代码。
区域容器:
import React, { Component } from 'react';
im
浏览 5提问于2017-08-23得票数 2
回答已采纳
1回答
我有我的应用程序(一个样板，很少，我自己的功能)。它有一个全球性的商店(内置的，来自样板)，看起来如下：
import { createStore, applyMiddleware, compose, combineReducers } from 'redux'; //combine reducers from redux form
import { fromJS } from 'immutable';
import { routerMiddleware } from 'react-router-redux';
import createSaga
浏览 5提问于2017-05-25得票数 0
最近，我们的Reducer代码中出现了一些异常。这导致了一个坏掉的商店。启动的所有后续操作/缩减程序都不起作用。商店最终处于一种崩溃的状态。
有没有办法添加全局redux store异常处理程序？某种中间件送到redux商店？
我处理Redux的方法是不正确的吗？
浏览 41提问于2019-05-22得票数 -1
回答已采纳
我在redux商店存储了一个有效载荷。我无法访问商店对象。如何访问store对象？我想通过复古传奇来访问它。我甚至试图通过正常的redux访问商店，但不能！
浏览 1提问于2017-11-27得票数 0
4回答
在Redux中，我可以轻松订阅以存储更改
store.subscribe(() => my handler goes here)
但是，如果我的商店充满了不同的对象，并且在我的应用程序中的特定位置，我想订阅仅在商店中的特定对象中所做的更改，该怎么办？
浏览 17提问于2016-03-25得票数 80
回答已采纳
1回答
我目前正在构建一个使用Redux商店的React应用程序。我想测试一个名为getFacilityName的特殊方法，因此我已经开始重构我的代码。
我需要帮助访问我的getFacility方法中的Redux Store。
方法：
import { connect } from 'react-redux';
import { setCMSId } from '../redux/methods.js'
export default (props) => {
props.dispatch(setCMSId("Hello"));
cons
浏览 0提问于2020-06-25得票数 0
我使用了redux - persisting将数据持久化到redux存储中。我现在在商店中添加了一些新的标志，但是当应用程序从商店更新时，它不会得到新的标志，因为它有旧的本地存储，并且本地存储在更新应用程序时不会清除。这会导致应用程序崩溃，直到我在删除应用程序后重新安装它。 'use strict';
/* React Native */
import { AsyncStorage } from 'react-native';
/* Officetrax */
import { createStore, applyMiddleware } from
浏览 10提问于2019-09-12得票数 2
回答已采纳
1回答
我对redux非常陌生，所以请原谅我的解释有点草率:我有一个复杂的redux本地应用程序，使用redux商店，但也有火柴和反应导航。我在父母js文件中声明我的redux存储，这个文件用导航器包装所有其他屏幕，存储声明如下所示：
const rootReducer = combineReducers({
auth: authReducer,
myPigeons: pigeonReducer,
myBadges: badgesReducer
});
const store = createStore(rootReducer, applyMiddleware(ReduxThunk));
浏览 2提问于2021-05-26得票数 0
回答已采纳
1回答
我想让i18next等待redux存储准备就绪。我将用户选择的语言存储在商店中，使用redux-persist的persistor在应用程序启动时对其进行恢复。我试着从商店设置语言：
// ...
import store from '../redux';
// ...
const lng = store.getState().user.language
? store.getState().user.language
: Localization.locale.slice(0, 2);
i18next
// .use(languageDetector)
.u
浏览 100提问于2021-05-27得票数 1
回答已采纳
1回答
我一直在尝试测试redux的ConnectedComponent。但我不能相处。当我将商店作为商店支柱传递给ConnectedComponent时，我会得到以下错误：
不变违规:道具中的redux存储已被删除，什么也不做。若要为特定组件使用自定义Redux存储，请使用React.createContext()创建自定义React上下文，并传递context对象以进行React Redux的提供程序和特定组件，如：。您还可以传递一个{context : MyContext}选项来连接
我的测试：
const store = storeFactory({ success: true });
浏览 0提问于2019-01-20得票数 3
1回答
存储错误
、
这是我的错误：
这是我的组成部分：
import React from 'react';
import { render } from 'react-dom';
import './index.css';
import { Provider } from 'react-redux';
import { store } from './_helpers';
import {App} from './App';
render(
<Provider store={store
浏览 0提问于2018-07-31得票数 1
回答已采纳
如何从Redux商店中的GraphQL/阿波罗中获取数据？这是我的入口文件。
..。
render(
(
<ApolloProvider client={client}>
<Provider store={store}>
<ConnectedRouter history={history}>
<App />
</ConnectedRouter>
</Provider>
</ApolloProvider>
),
浏览 0提问于2018-01-16得票数 0
回答已采纳
1回答
我从redux商店得到一些配置
dispatch(aOrder.getThrottlingConfig(storeId))
之后，我想将redux中的值设置为组件存储
const throttlingConfig: IOrderConfig = useSelector<RootState, IOrderConfig>(({ root }) => root.order.throttling)
setCapacity(throttlingConfig.throttling.context.capacity)
但是当组件挂载限制未定义时，如果尝试使条件
if (throttling
浏览 0提问于2020-07-16得票数 0
当路由加载时，我想使用react路由器的onEnter钩子来检查我的redux存储中的变量。
根据医生的说法，onEnter
...receives下一个路由器状态作为它的第一个参数。replaceState函数可用于触发到另一个URL的转换。
没有商店经过。是否有可能从这个钩子中连接到redux商店？我尝试过各种各样的事情，但却找不到实现这一目标的方法。
我正在使用的版本：
"react-redux": "^4.0.0",
"react-router": "1.0.0-rc1",
"redux":
浏览 11提问于2015-11-02得票数 10
回答已采纳
1回答
为什么调度操作重写我的存储值？
、、、、
我使用redux钩子从功能组件向redux商店发送了两次。
当我像这样单独发送这些文件时，其中只有一个存储在我的redux存储中，因为每次都会刷新，并且只保存一个。我如何将它们一起发送，或者如何防止redux存储刷新和丢失第一个分派有效负载？？。
dispatch({
type: "access_token",
payload: googleUser.accessToken,
});
dispatch({
type: "firebase_u
浏览 1提问于2021-11-12得票数 0
回答已采纳
全部：
我对Redux非常陌生，Redux和Redux，我学到的一个概念是单一商店。
当使用Redux时，我很难确定数据的存储位置，我应该在组件类状态中存储什么样的数据，以及在Redux中应该存储什么？
任何简单的例子都将不胜感激。
谢谢
浏览 3提问于2016-09-08得票数 1
回答已采纳
如何从我的Redux商店中获取项目以反应选择选项？尝试了很多方法，但我解决不了这个问题。尝试通过直接获取api来获取数据，它可以工作，但不适用于我。在redux reducers中，我从外部json文件中获取数据，将项目放在沙箱中，但实际上我使用的是我的服务器api。在列表页面上，数据取自redux商店，但我无法在选择选项中获得它。帮帮忙伙计们。这是一个沙盒link (选择“选择”)
浏览 10提问于2020-10-31得票数 1
回答已采纳
1回答
我还没有找到任何关于这方面的明确信息，所以我决定问你。我有基于redux基础设施的应用程序。是否有一种方法可以使用Suspense来等待数据被带有axios的redux获取？我把我的动作调用放在componentDidMount中，当然，它会有一个redux流(带有redux和axios)，直到它到达商店为止。然而，在此之前，我想使用悬念来显示一个旋转器，而不是没有获取数据的空字段。我怎么能用Supsense等待数据最终到达商店呢？
谢谢你提供的任何信息。
浏览 0提问于2019-03-14得票数 4
如何处理从阿波罗查询中检索的数据？
我的第一个想法是将它保存在redux商店中，修改它(使用redux减少它，使用动作创建者)，然后，当数据准备就绪时(用户单击“保存”按钮)，向阿波罗发送一个突变，以便在服务器上更新它。
尽管如此，我不认为这是最好的方法。我应该避免在这里使用Redux商店并直接使用阿波罗命令式API吗？
浏览 4提问于2017-12-11得票数 0
回答已采纳
据我所知，redux是一个单一的商店。所以它让我想到将所有获取的数据存储到redux存储中，这样所有组件都可以访问数据。这样做对吗？如果不是，什么可以存储在redux中？
浏览 10提问于2021-06-16得票数 0
3回答
我正在尝试测试使用redux存储的react组件。
我见过一个使用redux- Mock -store中的mock Store的示例。
链接：
我会认为我想用我真正的商店来测试。这是有原因的吗？它是否只测试不需要了解真实存储的组件的功能？但是，为什么要使用任何商店呢？
浏览 2提问于2018-06-26得票数 0
1回答
这是一个一般性的问题。我有一个redux传奇，产生每x分钟更新商店的调用，并显示商店在redux工具中得到了适当的更新。在组件的呈现方法中，如果我单击数据之前，我将得到一个旋转器，如果我单击组件之后将呈现；但是，，在components类中，生命周期"componentWillUpdate“或"componentWillReceiveProps”显示redux存储中未定义的连接段，但呈现能够传递正确的道具；什么是cluck？我要回医生那里去，但这似乎很奇怪。
...
//dont usually use this for redux
componentWillR
浏览 2提问于2016-09-14得票数 1
所以，我的想法是用我自己的商店来增强已经创建的商店。
伪代码是这样的：
const store = createStore(reducer);
const myStore = createStore(reducer);
enhanceStore(store, myStore);
这样做的目的是我正在创建一个在幕后使用redux的库，今天我正在配置我自己的库存储……但我不想检查用户是否已经在使用redux，在这种情况下，我想合并我的商店和他的商店。
这不是强制性的合并2个商店，也许我可以增强已创建的商店与一个新的缩减…
谢谢!
浏览 0提问于2016-07-07得票数 6
以下是我正在使用的版本：
"redux": "^4.0.5",
"react-redux": "^7.2.0",
"redux-firestore": "^0.13.0"
"firebase": "^7.14.3",
"redux": "^4.0.5",
"react-redux-firebase": "^3.4.0",
我在创建商店时遇到了这个错误：
const store = crea
浏览 16提问于2020-05-11得票数 0
回答已采纳
2回答
我正尝试在使用thunk中间件和可选中间件记录器(redux-logger)的redux存储上配置分派类型。 这正确地推断出商店的dispatch上的thunk类型... import { createStore, applyMiddleware } from 'redux';
import thunk, { ThunkMiddleware } from 'redux-thunk';
// ...
const preloadedState = undefined;
export const store = createStore(rootReducer,
浏览 61提问于2021-11-07得票数 1
回答已采纳
我正在尝试设置我的使用React和Redux的chrome扩展项目。我相信我已经成功地设置了redux，因为我正在设法从商店更新中获取一些控制台日志，但我很难让redux dev工具正常工作。目前，当我在我的扩展弹出窗口中检查元素并转到redux选项卡时，我得到了一条“没有找到商店”的消息。我想我已经遵循了的文档
很好，所以我不太确定为什么我会收到这条消息。这是我的store.js文件：
import {createStore} from 'redux';
import testReducer from './reducers/testReducer'
impo
浏览 2提问于2017-07-30得票数 1
4回答
假设您有一个如下所示的表单来添加一个新的人：
在本例中，当您从已填充的选择列表中选择国家时，城市选择元素将使用基于所选国家的选项填充。此表单页(PersonCreationForm)由以下组件组成：
CountrySelectionForm
CitySelectionForm
这里的问题是:我应该如何将选择从CountrySelectionForm组件传递到CitySelectionForm组件？我有几个选择，但我不确定在Redux世界中处理这个问题的方法是什么：
在PersonCreationForm组件中，只需连接CountrySelectionForm的on
浏览 0提问于2016-07-22得票数 8
回答已采纳
1回答
我正在构建一个费用分割应用程序，用户可以创建一个旅行表，添加每个人在旅行中所做的费用。然后计算谁欠谁。我计划使用Redux来管理状态。需要反馈我想出的redux商店的设计。附加状态的屏幕截图
const demoState = {
trips:[{
tripName: "Trip to New York",
travellers:["Will", "Mike", "Lucas", "Dustin"],
expenses:[{
expne
浏览 1提问于2019-07-21得票数 1
回答已采纳
我有一个React/Redux应用程序，我选择将Redux状态组织为两个主要部分，广告和任务，并使用combineReducers。
广告是首先创建的。可以对单个广告或广告集合进行分组并将其分配给新任务。
在我的ads商店中，我有一些reducers和saga函数，它们可以调用与ads相关的api，并更新ads的Redux状态。
在我的任务存储中，我有一些reducers和saga函数，它们可以进行与任务相关的api调用，并更新任务的Redux状态。
当从广告集合创建任务时，我需要更新ads Redux状态。最初，我只是调度我的广告操作创建器，它进行api调用并检索所有广告的更新列表。不幸的是
浏览 4提问于2018-05-09得票数 0
2回答
我想学习如何动态地构建一个redux表单。这个名为componentDidMount的组件可以从服务器获取一个项目列表，并将它们插入商店store.my_items：
{'item1', 'itemB', 'itemZZZ', etc...}
既然这些物品都在商店里，我想要为store.my_items中的每一项构建一个字段的redux表单。
例如，其中几个动态创建：
<div>
<label>ItemXXX</label>
<div>
浏览 0提问于2017-06-11得票数 3
回答已采纳
我的商店在F5或ctrl+r上没有刷新(清除)，我该如何解决这个问题？我可以看到在某些情况下保持状态刷新是有益的，但这不适用于我的情况。这是由于本地存储还是redux的预期行为？
这是当前的商店设置：
const composeEnhancers =
typeof window === 'object' &&
(window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
? (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
se
浏览 2提问于2019-05-20得票数 0
2回答
我将React.js与Redux、React-Router和React-Router-Redux一起使用。
当商店达到特定状态时，我希望手动重新路由(或调用操作)。如果商店有一个特定的状态，我如何监听？我在哪里重路由或调用操作？
浏览 3提问于2016-01-30得票数 1
我在做日历应用。
当用户导航到下个月时，我希望启动获取数据的操作。
激发的动作列表本质上是动态的，它取决于当前安装的组件。
我目前正在将要触发的操作列表存储在列表中(在模块中)
我觉得我在redux商店之外存储数据，这是一种非常规的做法。
但我在某个地方读到，redux商店应该存放可串行化的东西。我的操作(实际上是将被redux-thunk使用的动作创建者)是不可串行化的。
所以问题是，
如果是这样，那么将数据存储在redux存储之外是个坏主意吗？
为什么在redux存储中存储不可串行化的数据是个坏主意？
动作创建者(我存储在列表中)如下所示
function foo(para
浏览 1提问于2016-10-17得票数 0
6回答
上下文
我试图调试React应用程序，但不能修改源代码来记录redux变量。在chrome中，我可以通过相关的访问redux存储，但似乎没有类似的方法用于safari。
问题
如何访问Safari的redux商店？我可以使用控制台这样做吗？
浏览 9提问于2020-01-03得票数 9
1回答
在我的react原生项目中，我使用redux, react-redux and redux thunk进行store管理，有不同的reducers和actions。如何在注销过程中reset整个store 有没有像createStore()这样的方法来销毁商店？请分享可能的解决方案 谢谢
浏览 20提问于2021-06-25得票数 0
回答已采纳
正如我所理解的，如果我们使用redux-saga发出请求，响应将被存储到redux存储中。但是把所有的东西都存储在redux商店是一种不好的做法。所以，当您不想将响应放在redux存储中时，可以用API请求创建单独的模块并使用它们吗？我希望有关于这个主题的文章(我自己找不到)。
浏览 5提问于2022-06-22得票数 0
2回答
是否可以将TabNavigator或StackNavigator直接连接到redux？
这对于有条件地导航到屏幕非常有用，这取决于Redux存储中是否存在某种条件(即，如果用户被登录或签出)。
示例：
const Tabs = TabNavigator({ screen: userIsSignedInRedux ? SignedInTabNavigator : SignedOutScreen, }, });
其中userIsSignedInRedux是我的Redux商店中的一个密钥。
浏览 2提问于2019-03-21得票数 0
我有一个在redux商店有购物车的应用程序。当用户完成购买时。当移出最后一页时，我重置(redux存储)手推车。，但当用户单击浏览器后退按钮时。redux存储返回了以前的数据。，如何完全清除redux存储？购买时不需要登录/注册。我使用Reactjs和Redux (与redux-thunk)。
当用户点击后退按钮时-(不要再转到上一页，即付款页面)
componentDidMount () {
window.onpopstate = this.onBackButtonEvent
}
onBackButtonEvent = (e) => {
e.preve
浏览 4提问于2020-06-03得票数 1
1回答
当我试图将状态从存储映射到组件的属性时，状态是空的。我试图获得一个在JSX中显示的字符串的值，但是它是缺少的。我无法从redux商店得到任何东西来展示。
减速机：
const initialState = {
visibles: "false",
error: null,
text: ""
};
const rootReducer = (
state = initialState,
action
) => {
switch (action.type) {
case "OPE
浏览 1提问于2020-03-14得票数 1
回答已采纳
1回答
你好，我对Redux和NextJS有一个问题，当我在应用程序中使用API时，我的用户的信息完全存储在redux商店中，感谢reduxApiMiddleware，但是当我重新加载浏览器或更改路径时，我的商店返回到它的初始状态:/。
我并没有真正找到解决这个问题的方法，我试过使用redux持久化，但是都没有用。
这是我的_app.js文件：
// pages/_app.jsx
import React from "react";
import {createStore,applyMiddleware} from "redux";
import {Provider}
浏览 2提问于2020-02-25得票数 12
我一直在尝试将redux-persist集成到一个已经使用redux的项目中。
我遵循了基本的用法示例，但得到了错误store.getState is not a function.
下面是相关的代码。
商店：
import {createStore, combineReducers, applyMiddleware, compose} from "redux";
import {persistStore, autoRehydrate} from 'redux-persist'
import thunk from "redux-thunk";
i
浏览 6提问于2017-08-11得票数 0
我使用mapStateToProps将redux商店的一些值映射到道具：
function mapStateToProps(state, ownProps) {
// state.layers has 3 Objects containing arrays
return {
layers: state.availableLayers.toObject()
};
}
我正在显示不同的层，用户可以选择他/她想要创建的层。在单击事件中，我将所选的层写入状态：
openParams(layer){
this.setState({
show
浏览 1提问于2017-08-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
