使用redux打开菜单
Redux是一个用于JavaScript应用程序的可预测状态容器。它是一个独立于任何特定UI库的状态管理工具，广泛应用于前端开发中。
Redux的核心概念包括store、action和reducer。store是应用程序的状态存储，action是描述状态变化的对象，reducer是根据action来更新状态的纯函数。通过这种方式，Redux提供了一种可预测的状态管理机制，使得应用程序的状态变化变得可控和可追踪。
使用Redux打开菜单的过程可以分为以下几个步骤：
- 定义action：在Redux中，打开菜单可以被视为一个状态变化的动作。因此，我们可以定义一个打开菜单的action，例如：const openMenu = () => { return { type: 'OPEN_MENU' }; };
- 定义reducer：reducer是根据action来更新状态的纯函数。我们可以定义一个菜单状态的reducer，根据接收到的action类型来更新菜单的状态：const menuReducer = (state = false, action) => { switch (action.type) { case 'OPEN_MENU': return true; default: return state; } };
- 创建store：使用Redux创建一个store来存储应用程序的状态：import { createStore } from 'redux'; const store = createStore(menuReducer);
- 分发action：通过调用store的dispatch方法来分发action，从而触发状态的更新：store.dispatch(openMenu());
- 获取状态：通过调用store的getState方法来获取更新后的菜单状态：const menuOpen = store.getState();
通过以上步骤，我们可以使用Redux来打开菜单，并且可以通过获取状态来判断菜单是否已打开。
在腾讯云中，与Redux相关的产品和服务可能包括云函数SCF（Serverless Cloud Function）和云开发（CloudBase）。云函数SCF可以用于处理前端应用程序中的业务逻辑，而云开发提供了一整套云端一体化开发工具和服务，可以帮助开发者快速构建全栈应用。
更多关于腾讯云函数SCF的信息，请参考：腾讯云函数SCF
更多关于腾讯云开发的信息，请参考：腾讯云开发
相关·内容
1回答
我的目标是构建一个Ionic 2应用程序，整个应用程序的状态都基于Redux。到目前为止，它对于“菜单中的菜单项”、“登录状态”之类的东西都工作得很好，但我对导航感到困惑。
通过Redux处理导航真的是个好主意吗？这将包括打开和关闭SideMenus。
浏览 3提问于2017-04-11得票数 1
2回答
我正在构建一个基于React和Redux的应用程序。我从开始，它非常简约，很容易理解。
我希望用户在“电子”菜单上打开一个文件，因此，我想调用还原器并更改Redux应用程序状态。很简单的概念。
问题是，我不知道如何从根组件外部更改Redux状态。电子菜单在中定义。根组件是在中与Redux state ( store变量)一起定义的。
在main.js文件中，我想做这样的事情：
submenu: [{
label: '&Open',
accelerator: 'Ctrl+O',
click: function() {
浏览 8提问于2016-02-20得票数 9
回答已采纳
我在我的项目中使用react原生导航Wix侧边菜单。我想关闭它时，它是打开的，用户点击移动物理返回图标。但我已经为后退按钮定义了当用户点击它时关闭我的应用程序。所以我的back图标应该做以下两个工作： 1-当菜单打开时，应将其关闭。2-当菜单关闭时，它应该退出应用程序。 我已经在redux store中保存了侧边菜单的状态(open: true，close:false)来处理它。但问题是当用户在手机屏幕上滑动打开或关闭菜单时。在这种情况下，我无法在redux store中更新我的状态。我不能在react本地导航中禁用侧边菜单的这个选项(滑动)来解决这个问题。所以我不知道如何修复它！
浏览 34提问于2020-04-21得票数 0
2回答
我对Redux和Redux的反应很新，所以我可能用完全错误的方式来做这件事，事实上，从对类似问题的其他一些回答来看，我怀疑我做了很多错误的事情。
我的“布局”组件中有一个按钮，它将一个类添加到div中，这个类来自一个状态。该按钮是一个切换键，它将打开和关闭状态&类(这将导致菜单出现并使页面的其余部分变暗)。
不过，我也希望与'Nav‘组件(它位于'Header’组件中，而后者又位于‘Layout’中)进行任何交互，以切换状态&类(因此单击链接会折叠菜单)。在jQuery/VanillaJS中，这是非常容易的，但我似乎无法找到React/Redux的实现方式。
布
浏览 0提问于2016-06-14得票数 2
回答已采纳
3回答
我不能让Redux选项框架为我的插件工作。我试图将设置作为子菜单添加到我的插件中。
我创建了一个简化的演示插件，也可以批准这种行为。
<?php
/**
* Plugin Name: Redux sample plugin
* Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
* Description: A brief description of the Plugin.
* Version: The Plugin's Version Number, e.g.: 1.0
* Author: Nam
浏览 2提问于2014-10-19得票数 0
回答已采纳
1回答
假设我的页面上有一个“用户信息”弹出窗口，“订阅”弹出窗口，“菜单”弹出窗口组件和一些更多的弹出窗口。如果我打开任何弹出窗口，其余的弹出窗口都会关闭。如果我单击外部，所有这些都将关闭。
如何在redux或redux-react-local中处理弹出状态？
如果我添加更多的document.addEventListener("click", function)，是否会影响性能？
全局(文档)单击、keyPress、...事件委派如何工作？事件？
浏览 1提问于2016-03-16得票数 0
我有一个带有“菜单”的应用程序。“菜单”相当复杂，用户可以打开小div来设置实时影响应用程序的参数。该应用程序的结构如下： Parent div with multiple useState instances to set parameters
- Menu Child Div
- functions to set those state variables are all passed to this div
- parent state is altered using these
- Main div where the resul
浏览 49提问于2021-03-21得票数 0
我试图添加一个选项在我的主题设置，以设置我的手机菜单的背景颜色使用Redux框架。我使用color_rgba类型，这样就可以选择不透明的颜色。
我看到我的背景颜色设置在我的菜单上与类‘移动菜单’，但只有一个HEX值。
Redux::setSection( $opt_name, array(
'title' => __( 'Mobile menu', 'redux-framework-demo' ),
'id' => 'header-mobile-menu',
浏览 1提问于2019-04-30得票数 0
回答已采纳
在我们的应用程序中，有一些数据更新是通过套接字进行的。在套接字的回调中，将调度redux操作。下面是一个例子 const onReceiveLocationMessages = function(message) {
let payload = JSON.parse(message.body);
console.log("received locations", payload);
dispatch(onLocationChange(payload));
}; 现在偶尔会有很多更新一次通过套接字来，因此回调是按顺序触发的，所以也会触
浏览 24提问于2020-10-29得票数 1
也许这是个愚蠢的问题，但我找不到任何回应(我是从反应本地人开始的)。
我需要检测视图何时打开(在堆栈菜单中切换)，我的视图是一个组件(函数)。如果打开了我的视图，我将在redux中启动一个简单的操作/分派。
我搜索的反应-本机路由器和Redux，但我没有找到解决方案。我使用函数组件进行搜索，但是如果我使用useMemo ( function )，这个方法只启动一次。组件的每次显示都没有一次。
// my menu
<Tab.Screen
name="Home"
component={HomeScreen}
浏览 0提问于2021-06-23得票数 0
我有最新的带有主/细节网格的企业React agGrid表。我的数据每隔5秒从客户端获取一次，然后不变地放到redux存储中。React grid组件在细节选项中使用了deltaRowDataMode={true}属性和deltaRowDataMode: true。
我的主网格运行正常:如果我选择了范围，网格将在数据更新后保持选择，过滤器和可见性菜单将仍然打开。但详细信息网格的行为有所不同:在数据刷新时，如果更改了过滤器，则会删除所选内容，关闭可见性菜单，并跳转网格。
我在文档中读到，当我打开细节网格时，它是从头开始创建的，但在我的例子中，我没有关闭细节。我尝试过keepDetailRows=
浏览 21提问于2020-02-03得票数 1
我有Menu和MenuItem react组件。 他们是这样工作的。 <Menu openOnClick>
<MenuItem target="/" text="Item 1" active />
<MenuItem target="#" text="Item 2" parent>
<MenuItem target="/" text="Item 3" />
浏览 24提问于2019-04-03得票数 0
回答已采纳
我正试图将一个基于网络的React + Redux + MUI应用程序转换成电子。该应用程序有一个带有多个下拉菜单的主AppBar，带有与应用程序的Redux商店挂钩的菜单项。因此，这些技术的典型设置是合作的，但我很难理解如何(如果可能的话)将这些技术转化为电子应用程序菜单。
因此，如果我有一个具有典型的MenuItem处理程序的MUI onClick，如下所示：
const [soneState, setSomeState] = useState();
const handleOnClick = (e) => {
const val = e.target.value;
con
浏览 6提问于2022-07-25得票数 0
1回答
反应动作、减速机及连接语法
、、、、
我有以下的反应代码，以创建一个booleen真/假在Redux商店，然后用来打开/关闭一个材料UI抽屉/侧菜单。
我是新的反应，我想问我所做的是正确的，或者我是否犯了明显的错误等等。
注意:解决方案有效(它按预期打开/关闭抽屉)。我只想知道我是否应该以不同的方式编码.另外，我还删除了一些代码，这样就可以更容易地读懂.
行动档案：
export const setDrawerPopOutMenuStatus = {
type: 'DRAWER_POPOUT_MENU_STATUS'
}
减速机档案：
import { combineReducers } from '
浏览 0提问于2017-09-25得票数 0
回答已采纳
2回答
我们在我们的React应用程序的大部分中使用Redux。我们需要解决的一个领域是上下文菜单。到目前为止，它是这样工作的：
onRightClick -> createItems -> openMenu -> onItemClick: invoke callback and close menu
因此，当点击每个项目时，我们都有一个回调。对于Redux，这不再有效，因为：
dispatch(actionCreator_openContextMenu(items))
..。执行存储更新。动作创建者返回的Redux操作不能包含回调，因为它们不是可序列化/jsonizable的。
我
浏览 2提问于2017-05-16得票数 1
回答已采纳
1回答
我正在尝试通过使用react-navigation发送操作来打开菜单
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Image, TouchableHighlight, View } from 'react-native';
import { navigate } from './actions.js'
class HeaderLeft extends Component {
constru
浏览 6提问于2017-07-13得票数 0
回答已采纳
1回答
在学习react时，我制作了菜单，在菜单上单击，我打开了一个表单。我想有一个‘关闭’图标在表单上，当按下关闭表单，并再次在菜单上点击打开它。 我制作了一个处理表单状态的父组件(子组件)。它管理showchild = true或false。 //this is button defined on form compenent
<button onClick={this.props.onClose}>Self Close</button>
//this is parent component
import React from 'react';
im
浏览 9提问于2019-04-16得票数 0
我有一个表单，我必须根据其他DOM元素的状态启用/禁用某些DOM元素。例如，我有一个单选按钮，点击该按钮时，应启用下拉菜单。
现在，为了实现这一点，我是否应该再次遵循redux方法，即在单击无线功能时处理操作，然后在reducer中更改状态，然后启用/禁用下拉菜单？
redux-form以某种方式简化了这个过程吗？在react-redux设置中实现这一点的最佳实践是什么？
浏览 2提问于2016-05-14得票数 2
4回答
要调试redux，我使用React本机调试器，但为此您需要远程启用debug JS。开发人员菜单中没有这个选项卡。我用的是redux，redux-工具箱，redux-saga。
图片：
浏览 12提问于2022-09-09得票数 1
回答已采纳
1回答
我有一个受控的自动完成组件绑定到一个状态支柱从redux，这是所有的工作。当用户单击“清除”图标时，就会触发onChange事件，但是当出现这种情况时，输入将被聚焦，下拉列表将打开。
如果选中的选项被清除，如何防止输入焦点/下拉菜单打开？我更喜欢的做法是让它重新选择"null“，并显示标签未缩小。
代码大致是这样的。value来自mapStateToProps，onChange来自mapDispatchToProps。
const LetterSelect: FC<Props> = ({ value, onChange }: Props) => {
retur
浏览 0提问于2019-12-16得票数 2
回答已采纳
2回答
我刚开始使用Redux，也不知道为什么我的Sidebar组件没有被更新来打开抽屉。我可以看到，我的操作正在被调用，但它似乎不会触发组件中的任何更新。我已经尝试遵循Redux文档，并且我看不到我所缺少的东西，因为我已经以相同的方式设置了我的代码。
我不想用代码填充这个帖子，但是如果你需要更多的信息来帮助解决这个问题，请告诉我。我很感谢你的帮助，谢谢。
解决方案：I在状态对象上使用了错误的属性，所以我的组件没有被更新。应该是state.Sidebar.open而不是state.open。
const mapStateToProps = (state:any) => ({
open
浏览 1提问于2018-10-06得票数 0
1回答
我有一个redux表单作为组件包含在父组件渲染函数中。
redux表单从其this.props填充表单数据
现在我在父组件中有一个下拉列表，一旦dropdown更改了它的值，我就想要更改redux表单的内容。
我的问题是，一旦单击下拉菜单，如何更改父组件中的redux表单内容(即this.props)？
浏览 3提问于2016-06-22得票数 0
1回答
模态打开需要30秒
、、、、
我的应用程序中有一个模式，有时需要大约30秒才能打开。chrome分析器显示react组件完成呈现，然后在没有报告正在运行的javascript代码的情况下存在很长的空白，然后模式在屏幕上变得可见。在此空白期间，分析器只显示交互部分中发生的长动画。
怎样才能使模态更快地打开呢？在这个动画过程中，浏览器在做什么？
有关应用程序的信息
使用redux +redux
使用redux-saga作为副作用
使用redux-form进行表单管理
使用语义用户界面反应用户界面组件
使用CSS的样式组件
关于模态的信息
有一个自动完成输入字段，您可以在其中搜索项。在从搜索结果中
浏览 0提问于2018-08-18得票数 1
1回答
在使用React Native和Redux开发应用程序时，我坚持使用Redux实现。这是我第一次这样做，并跟随了。
我已经安装了Redux和React Native导航。我想保存包含国家数据的状态(用户选择了一个国家，并希望在浏览到所有屏幕时保留该选择)。
好的。我已经创建了一个可以在所有屏幕上看到的组件，如下所示：
LinksScreen.navigationOptions = {
headerTitle: 'Links',
headerRight: <CountriesPickButton/>,
浏览 0提问于2019-10-28得票数 0
假设用户打开了多个选项卡，每个选项卡都有自己的redux会话(状态)。我将用户的访问令牌保存在Redux和本地存储中。因为如果Redux中存在访问令牌，我不想每次都检查本地存储。但在注销时，它会从本地存储和当前Redux会话中删除。但是，如果用户打开了多个选项卡，则访问令牌将保留在其他选项卡中，直到刷新页面为止。如何从所有不同选项卡中的所有Redux状态中删除某些内容？因此，如果您从一个选项卡注销，您将从所有选项卡中注销。
浏览 34提问于2019-10-19得票数 2
回答已采纳
我们计划在React应用中使用Redux和Redux-thunk。通常，每次我们在浏览器中打开一个页面时(从菜单或诸如此类的东西)，我们通常会调用Redux中的某个Action Creator。假设这些操作创建者进行了rest API调用，最终从远程站点获取了一些数据，并将这些信息存储在我们的Redux存储中。
从一开始，即当我第一次在浏览器中加载应用程序时，每次我更改页面时，商店都会变得更大。例如，这意味着当我从Employees页面更改为Tasks页面时，应用程序的内存打印会增加。
一个典型的Redux应用程序的最佳实践是什么？有没有办法在我们沿着页面移动的同时缩小商店的大小？
在上面的例
浏览 0提问于2019-12-09得票数 1
您好，我正在尝试使用redux工具包，但我有疑问，我如何才能发送一个调度来改变我的减速器的状态
我的商店：
import { configureStore } from '@reduxjs/toolkit';
import rootReducer from './rootReducer';
const store = configureStore({
reducer: rootReducer,
});
if (process.env.NODE_ENV === 'development' && module.hot) {
浏览 10提问于2020-02-27得票数 0
我有一个在表格中弹出的菜单组件。当我将material ui示例复制到表格的单元格中时，它工作得很好。
material ui示例使用钩子，我想将其更改为类组件并使用redux。
当我进行更改时，弹出菜单不再与您按下的按钮对齐。
anchorEl属性负责传递已被调用的按钮的位置。
我添加了这些属性，允许我移动菜单弹出窗口，但它不会与您单击打开菜单的按钮对齐。
const options = ["View", "Edit", "Delete"];
const ITEM_HEIGHT = 48;
class ActionsOptionMenu
浏览 0提问于2019-07-31得票数 1
我是一个新的反应本地Redux最新文档。我想使用createAsyncThunk来使用Axios获取我的api数据。
下面是我的代码：
App.js
import React, { useState } from 'react';
import { Provider } from 'react-redux';
import { configureStore } from '@reduxjs/toolkit';
import ApiChartingSlice from './redux/slice/api/ApiChartingSlice&
浏览 6提问于2022-03-08得票数 0
回答已采纳
1回答
我在用。我有一个带孩子菜单的菜单。它基于示例。在桌面上，它工作得很好。我打开菜单，悬停在一个选项上，就会出现子菜单。然而，当我在我的iPhone上尝试它时，我无法访问子菜单。点击目标将打开主菜单，但单击菜单项将关闭主菜单。
我设想要解决这个问题，我必须将显示子菜单的目标事件从“悬停”更改为“单击”。对吗？如果是的话，有谁知道我如何使用Base菜单来做到这一点呢？我看了看医生，但没有看到任何选择。
这里是一个代码笔： 。(注:要查看该问题，请在您的手机上访问该URL。不要使用代码响应视图)。
下面是菜单的源代码文件：
//HamburgerMenu.js
import React from &
浏览 7提问于2022-11-15得票数 0
我正在尝试弄清楚我在ReactJS中实现上下文菜单的方式是不是“React”方式(或者更高级的方式)，或者也许我错了。
我有一个类似于“windows文件资源管理器”的页面(一个非常大的web应用程序的一部分)三个主要区域：-左窗格:文件夹树-右窗格:文件夹网格&下面的文件列表一切都是一个组件，从TreeView到文件/文件夹。
每个“叶子”组件(树上的项目、文件列表中的文件和“文件夹-网格”中的文件夹)都需要一个由省略号按钮(而不是右键单击)打开的“上下文菜单”。
我们的FE堆栈是ReactJS、Redux和Saga
我知道最直接的方法就是在render中为每个组件都植入一个Cont
浏览 1提问于2018-10-09得票数 0
我被redux-burger-menu文档中的这一行搞糊涂了：
装饰你的菜单组件：
// Menu.js
import {slide as Menu} from 'react-burger-menu';
import {decorator as reduxBurgerMenu} from 'redux-burger-menu';
export default reduxBurgerMenu(Menu);
从上面的文件中导出的组件就可以像react-burger-menu一样使用。
如何导入此组件并像使用react-burger-menu一样使用它
浏览 1提问于2017-03-20得票数 0
2回答
我有一个来自create-reat-app的应用程序。非常简单的应用程序与导航菜单元素和内容元素。当我单击导航菜单中的按钮时，仪表板元素将加载到content元素中。一切都运行得很完美。然后我引入了react-router，这样所有的更改都可以在不刷新浏览器的情况下发生。到目前为止一切都很好。 然后我开始玩redux。左侧的导航用于某些业务分支(如伦敦、伯明翰)。点击后，其id将保存到page.currentBranch下的redux存储中。然后，仪表板元素将根据redux中的内容进行渲染。它可以很好地工作时，点击每一个，但当点击后退或前进按钮，网址将改变，但仪表板仍然显示信息，从最后一个按
浏览 56提问于2021-01-20得票数 1
回答已采纳
所以我已经从我的应用程序实现了redux，我也可以访问从redux到redux的值，我的问题是如何实现从redux到特定屏幕的值，即使我没有打开我想要显示徽章的屏幕。
navigation.setOptions({
tabBarBadge:
store.getState().notif.count === 0
? null
: store.getState().notif.count,
});
浏览 1提问于2020-11-05得票数 0
回答已采纳
我正在使用angular4与Redux和角材料设计我的网页。我正在尝试将md选择面板设置为打开。示例场景:单击按钮分派一个操作来打开select面板，打开以消除所有选项。
我正在使用redux操作来操作组件状态。因此，基本上，我需要启动一个操作，将select设置为打开。
有什么建议吗？
浏览 1提问于2017-08-10得票数 0
回答已采纳
我正在使用React和Redux为下拉菜单构建一个动态子菜单。计划是，当用户单击下拉菜单时，将进行API调用，并根据API的响应创建一个子菜单。这是我的下拉菜单文件
MainMenu.js
import React, {useEffect} from 'react'
import CreateSubMenu from './utils/CreateSubMenu.js'
import fetchSubMenuData from './actions/submenuAction.js'
function getSubMenu(menu, leve
浏览 4提问于2021-04-16得票数 1
回答已采纳
我正在尝试让Redux框架与我的“空白石板”主题一起工作。我安装了插件(下载了Redux的最新zip )。然后我使用Redux Builder工具创建了一个管理文件夹。我将admin文件夹复制到了我的主题文件夹。Redux菜单项已成功添加到WordPress的左侧导航(在我的示例中，我将其命名为CMS)，并且所有字段都可以工作并可以保存。但是经常会出现这样的错误：“这个主题推荐以下插件: Redux Framework。”Redux显然已经安装了，那么我如何才能消除这个错误呢？我确信只需要设置某个配置选项即可。
浏览 7提问于2014-06-07得票数 0
1回答
我有一个用React编写的过滤器栏，它基本上有3个下拉列表。我的目标是测试单击其中一个下拉菜单并选择一个项目是否会更改redux状态。
在我的应用程序开始时，我发出了一个API请求，以提取将由筛选栏过滤的所有项目。为了防止任何用户在加载所有项目之前应用筛选器，我禁用了所有下拉列表
下拉列表和列表项之间的通信是由redux提供的。
问题是，因为我不能伪造redux，所以我尝试抓取下拉菜单，并通过更改它们的属性来启用它们，但更改属性根本不会使下拉菜单可点击。
我如何才能实现我想要的行为？
我已经尝试模拟API请求了。但是因为API调用是从不同的组件激发的，所以模拟它是没有用的
it("se
浏览 1提问于2019-08-08得票数 0
1回答
我正在尝试创建一个嵌套的路由-当用户登录它打开仪表板时，当仪表板打开时，我想创建一个嵌套路由，方法是创建一个侧菜单，并在右边更改内容，但不能这样做。当我试图访问仪表板中的帖子页时，它是不打开的。
import React from 'react';
import { Switch, Route, Link } from 'react-router-dom';
import { connect } from 'react-redux';
import { userActions } from '../_actions';
imp
浏览 1提问于2018-04-29得票数 0
我刚刚完成了redux教程，并试图在中查看状态。但是redux在扩展栏中是不活动的，当我单击它时，它会显示菜单“向右，向左等”。当我选择选项时，它会显示不存在的状态中的数据。这是我的index.js文件
import React from 'react';
import {render} from 'react-dom';
import './index.css';
import { createStore } from 'redux'
import App from './components/App';
imp
浏览 5提问于2020-07-01得票数 1
回答已采纳
3回答
上下文：--我想创建一个允许用户填写表单并提交它的模式。在POST请求完成后，模式应该关闭。有多个模式具有相似的行为，但形式不同的内容，所以我需要使它可重用。表单中的数据不在前端应用程序的其他地方使用，只存储在后端。
相关技术栈： react，redux，react redux，redux-saga，无SSR
选项1:在redux中存储模式和请求状态
开启和提交模式将触发以下一系列事件：
开启模态的调度动作
用数据提交表单的发送操作
发送POST请求提交表单，将redux加载状态设置为true
如果成功，将redux加载状态设置为false，将“模式打开”状态设置为false。
浏览 10提问于2020-06-06得票数 1
回答已采纳
我一直在为我正在构建的内部网开发一个多级下拉菜单组件。在这一点上，我决定使用React，我认为我的多级菜单会很简单。显然不是:) 到目前为止，我开发的功能运行良好，但有一个例外:单击NavLink时，打开的菜单项不会折叠。 我添加的所有CSS类都是外观类，没有定位语句。我已经使用JSON源文件和Reactstrap构建了它。 这是我的组件的代码。 class MenuBar extends Component {
constructor(props) {
this.NavListItem = this.NavListItem.bind(this);
}
浏览 31提问于2020-01-11得票数 1
回答已采纳
我已经使用redux和redux开发工具大约一个星期了，我很喜欢它。我是材料设计的铁杆粉丝，所以我想我应该试一试。
在我使用按钮以外的组件(如 )之前，这一切都很好。
下拉菜单似乎在初始加载后停止工作。这是我的组成部分：
<DropDownMenu value={locale} onChange={languageChangeHandler}>
<MenuItem value={1} primaryText="English"/>
<MenuItem value={2} primaryText="Arabic"/>
浏览 6提问于2016-01-03得票数 0
回答已采纳
我创建了一个响应菜单，它共享一个nav组件，其中包含嵌套在内部的链接组件。所以工具栏> Nav > Link。我还有一个Sidebar (移动菜单)，它共享Nav和Link组件:侧栏> Nav > Link。
因此，我已经成功地切换关闭和菜单图标，并显示和隐藏移动侧边栏，不使用Redux。但我意识到，在父母和孩子之外传递道具对我没有用，所以我决定尝试Redux，但设置有点复杂，我尝试过使用console.log来查看正在发生的事情，但这些操作似乎没有订阅，或者什么东西没有连接到更新状态。
有人能帮我看看发生了什么吗？
这个项目的编辑器在这里，虽然上面有一个ES5/ES6
浏览 0提问于2018-05-06得票数 0
回答已采纳
1回答
Redux组件通信模式
、、、
我正在寻找一个良好的代码模式，以便在使用React & Redux时在组件之间进行一些通信。
很可能这种交流应该通过redux完成，就像许多文章所建议的那样。(比如这个 )。
但是，在某些情况下，使用store可能会有一些问题，而不是将其用于状态管理。这些特殊情况通常是当您需要向组件(如show或hide )发出命令时。
我举一个例子：
让我们说，我们有一个<Tooltip />组件，它所做的就是呈现一些帮助图标，单击该图标时，打开一个工具提示弹出。让我们说一页中有不止一个，但是我们想确保在给定的时间里只有一个是打开的。因此，如果工具提示A是打开的，并且用户单击工具提示B，
浏览 1提问于2017-06-07得票数 0
回答已采纳
1回答
我正在学习redux的反应，我有一个问题，关于它的使用。redux是否在数据库字段值更改后更新视图？更新是否发生在所有打开的窗口上？
例如，我有一张带有发票的桌子。我更新了一个发票的值，但是如果没有重新加载页面，视图就不会更新。使用回调函数更新视图后，视图将更新当前打开的窗口，而不是其他浏览器中打开的其他窗口。
我不能代理代码，因为我没有版权。
浏览 0提问于2017-11-24得票数 0
回答已采纳
在添加redux-persist后，第二次打开应用程序后，我看到白色闪烁和白屏死亡。redux-persist的版本是"^5.10.0“。 这是我的App.js文件： import { PersistGate } from 'redux-persist/integration/react'
import {store, persistor } from './redux/store'
export default class App extends React.Component {
renderLoading = ()
浏览 28提问于2019-06-25得票数 1
我还没反应过来呢。我想监听我所拥有的菜单组件的状态更改。我需要让状态变化泡沫上升到应用程序中的最高级别，即app.jsx本身。我在应用程序中尝试过各种方法来监听事件，但到目前为止没有一种方法起作用。我没有在应用程序中使用redux，因为它只是一个我正在打开和关闭的菜单。我怎样才能在整个应用程序中听到这个变化呢？
对提供援助表示感谢。
-我的组成函数
export default class Comp extends React.Component {
constructor(props){
super(props);
this.toggleDropdown = this.to
浏览 6提问于2017-08-20得票数 2
回答已采纳
我通过单击图标打开我的应用程序，执行一些操作并转到另一个组件，通过单击主页按钮暂停应用程序。 如果我再次单击图标打开我的应用程序，应用程序将重新启动并转到第一个组件。 如果我从最近打开的应用程序中打开我的应用程序(在4.0中，按下菜单按钮并选择我的应用程序)，它会重新启动应用程序并转到第一个组件。 我希望行为2总是发生，不希望我的应用程序每次通过单击图标打开时都重新启动。 我希望我的应用程序只重启一次(当应用程序终止时)，另一次我的应用程序不能重启。 我在谷歌上搜索了很多次，得到了一些信息和设置，但没有工作。 <manifest xmlns:android="http://sc
浏览 21提问于2021-01-26得票数 1
1回答
redux工具包存储的不同实例
、、、、
我正在构建一个自定义的dropdown组件，并使用redux工具包来管理状态。它工作得很好
但是当我在同一页面的另一个地方重用dropdown组件时，“状态冲突”，所以当我打开一个dropdown时，另一个会打开。(这是我的dropdown reducer)
import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
interface Dropdown {
isOpen: boolean;
selectedValue: string;
}
export con
浏览 6提问于2021-10-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
