-
0 votesanswersviews
电子反应逻辑
我是Web开发的新手,并尝试开发一个使用Electron和react-redux框架的应用程序 . 我对逻辑上的工作方式有点困惑 . 特别是,当我们运行使用React组件的电子应用时,我不确定哪些进程是渲染进程 . 例如,如果我有一个名为 main.tsx 的文件是主进程并加载 index.html ,它链接到 app.tsx . 在非反应框架中, app.tsx 将是渲染过程,但现在因为 ap... -
1 votesanswersviews
React native:如何从子组件改变根组件的状态wihin react-navigaion compoent DrawerNavigator
我最近开始使用React本机并坚持使用它 . 我想创建一个登录系统,所以我使用条件渲染来基于LoggedInStatus State分别渲染Login Screen和App的主屏幕 . 根组件: import React, {Component} from 'react'; import { StyleSheet, Platform, Image, Text, View, Activit... -
4 votesanswersviews
React Router导致Redux容器组件重新渲染不必要
这是我的主要代码, App 组件连接到Redux的商店: class App extends Component { render() { const { requestQuantity } = this.props; return ( <div> <Router> <Switch> ... -
3 votesanswersviews
在组件更新redux存储中React Native setState
我在多个Web应用程序中使用了redux with react . 目前我正在使用Redux开发我的第一个React Native应用程序 . 我遇到了一个非常奇怪的问题 . 我创建了一个商店并将其传递给Provider组件,该组件将App组件呈现为子组件 . (react-redux的基本用法) 在应用程序中,我有一个连接组件 . 它在调用navigator.push(route)时将从商店收... -
2 votesanswersviews
将原生redux Map 状态反映到不起作用的道具
我是反应原生的新手,我正在尝试使用react-redux实现一个简单的注册功能 . 由于某些原因,将状态映射到连接中的props不起作用 . 以下是我的代码: SignUp.js (组件) import React from 'react'; import { View, Text , TouchableOpacity , TextInput } from 'react-native'; imp... -
1 votesanswersviews
将native redux mapStateToProps状态更新但不重新呈现presenter组件
问题是 mapDispatchToProps 中的状态似乎正在更新,但组件不会重新渲染以反映这些更改,即使... presenter组件正确连接到redux操作(可以通过 mapDispatchToProps 成功初始化props并在任何情况下调用 mapDispatchToProps 函数) 处理被调用的redux动作的redux reducer正在不可改变地更新状态(让我怀疑那是问题(... -
0 votesanswersviews
将辅助函数连接到react-redux存储
我在 helpers.js 中公开了一组辅助函数,有没有办法可以让helpers.js中的所有函数都知道redux存储? 我通常理解,如果它在类Component中,我可以使用export default connect(mapStateToProps)(ComponentName),以便状态映射到我的props . 我也试图避免从 redux.store 直接访问或全局暴露商店 . 这不是答案导... -
2 votesanswersviews
在Redux React Native react-navigator中传递参数
我试图从MenuScreen.js传递一个参数到ProfileScreen.js . 我是React Native和Redux的新手 . 使用反应导航进行导航,我可以使用按钮推送到新屏幕 . 运用 按钮onPress = {()=> dispatch(NavigationActions.navigate({routeName:'Profile',params:{user:'baz'}}))... -
2 votesanswersviews
Redux如何处理reducer中的错误
我不确定如何处理redux减速器中的错误 . 当我的API提取返回数据时,我需要转换其结构并检查已在结果数据上设置的各种属性 . 但是,我不能在reducer中抛出错误,因为redux至少要求返回先前的状态 . 我该怎么办呢? 注意:我正在使用react-redux-toastr来处理错误,并且可以访问组件和操作函数中的错误调度程序 . 减速器/对象search.js: case "FE... -
18 votesanswersviews
如何处理Redux中的关系数据?
我正在创建的应用程序有很多实体和关系(数据库是关系) . 为了得到一个想法,有25个实体,它们之间有任何类型的关系(一对多,多对多) . 该应用程序是基于React Redux的 . 为了从商店获取数据,我们正在使用Reselect库 . The problem I'm facing is when I try to get an entity with its relations from th... -
0 votesanswersviews
React - 未加载的子路由
所以我正在尝试使用新的react-router加载一些子路由 . 但是,当我导航到地址时,它只显示一个空白屏幕 . 到目前为止,我只有两个链接,/和/ about . 我想要的是一个主页面,然后将组件加载到该页面 . 例如,有App.js.这是我的主页面,其中包含一个仪表板,可以将您链接到其他页面 . 然后又有两页回家了 . 我希望家庭默认加载,然后当我点击链接时,我希望将关于页面加载到app而不... -
2 votesanswersviews
错误:无法解析模块react-redux / native
我正在尝试使用Redux的第一个react-native应用程序,并在设备上运行应用程序时收到以下错误消息, “UnableToResolveError:无法从C:\ project \ Testing \ index.android.js解析模块react-redux / native:模块映射或这些目录中不存在模块:C:\ project \ Testing \ node_modules \... -
33 votesanswersviews
redux,react-redux,redux-thunk之间有什么区别?
我正在使用React Flux . 我们的团队正计划从通量转向redux . Redux对于来自flux world的我来说非常困惑 . 在 flux control flow is 简单来自 Components -> actions -> Store and store updates back components . 它简单而且非常清晰 . 但在redux中它令人困惑 . ... -
3 votesanswersviews
react-redux connect不会重新渲染组件,但会更新道具
我有一个关于react-redux的问题,我正在玩一些小的测试代码,以了解它是如何工作的 . Git repository with problematic code 一切看起来都正确,动作生成器,减速器,调度器,mapStateToProps和连接功能 . 我也会在这里粘贴代码: 没有国家变异 . 但是当子组件Todo(index.jsx)调用从main(有问题的组件)TodoBox(index... -
1 votesanswersviews
将React组件转换为Typescript?
我正在尝试将React Redux组件的示例复制到typescript:https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3 我正在使用这个函数击中一个deadend: export default connect(mapStateToProps,mapDispatchToProp... -
2 votesanswersviews
React-Redux Counter示例动作两次触发
https://codesandbox.io/s/jvj6o043yv 我正在尝试使用非常简单的Counter示例来理解react-redux连接,Provider,mapStateToProps和MapDispatchToProps的基础知识 . 练习的目的是将道具和动作注入Counter组件 . 我看到的问题是我的操作在每次点击按钮时都会触发两次 . 我是Redux noob,所以我确信(我希... -
0 votesanswersviews
反应原生导航
我正在制作一个应用程序,其中我使用了Drawer Navigator并在其中嵌套了一个Stack Navigator . 抽屉包含屏幕HOME,PRODUCTS,Profile等 . 我在主屏幕内使用Stack导航器切换到3个不同的屏幕Products-> ItemDescription . 问题1:如果我通过Home转到产品或项目描述 . 如果我在产品或ItemDescription中打开... -
0 votesanswersviews
导航到按下平面列表项目中的另一个屏幕
我一直在使用wix / react-native-navigation包在屏幕之间导航并正确处理堆栈 . 在屏幕上移动非常简单,当按下按钮时触发这些转换 . 但是当我有一个FlatList并且我想在用户从列表中点击一个项目时想要推送到新屏幕时出现问题,看起来在开头注入的导航器道具丢失或者在onPress回调事件之外的另一个上下文中; 这是示例代码 class AlertType extends R... -
0 votesanswersviews
使用connect和mapStateToProps不提供更新状态
我正在使用react-data-grid和redux store来保存网格/表格上的数据用户输入 . 要访问当前状态,我使用的是mapStateToProps方法中的props . 但mapStateToProps未提供更新状态 . 参考:第151至156行:https://github.com/rupav/candis/blob/4bee19750b9449137ad85e99fdc38e1fd... -
10 votesanswersviews
将Typescript与React-Redux一起使用时输入Error
我正在尝试使用react-redux和typescript,当我尝试使用connect()和mapStateToProps注入道具时,我遇到了类型错误 . 我的组件看起来像这样: function mapStateToProps(state) { return { counter: state.counter }; } function mapDispatchTo... -
0 votesanswersviews
不要工作redux连接到typescript中的组件反应
我的问题是函数“connect”没有包装我的App组件,因此Redux不起作用 . 我尝试使用react redux打字稿克隆一些存储库 - 有所有工作,而我的应用程序没有 . 因此,我无法在我的应用程序中捕获道具(用户) . 我认为我的user.ts文件不正确,但现在不重要,我的意思是问题不存在:) 在typescript编译器(webpack)和浏览器控制台中没有任何错误 . index.t... -
8 votesanswersviews
强烈键入react-redux与typescript连接
我试图输入反应组件的参数时出错 . 我想严格键入组件的道具和状态上的属性,但是当我使用Redux时,我将mapStateToProps传递给connect函数时出错 . 这是组件代码: import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { bindActionCreators } f... -
-1 votesanswersviews
组件拆分中的构造函数连接Typescript中的react-redux
我有一个Typescript类的例子 . 我在'react-redux'(最后一行代码)的连接函数上有错误,我不明白为什么 . 我需要其他东西的构造函数,似乎因为它出现错误 . 有任何想法吗? interface ITestClassProps extends IStateProps, IDispatchProps {} interface IStateProps { isDisabled:... -
0 votesanswersviews
Typescript返回Redux类型中的错误
快速问题,我正在使用typescript和redux编写一个React-native应用程序 . 尝试connect()时遇到错误,似乎无法找到错误的解决方案 . 我认为我做错了但看了几个小时之后找不到原因 . 错误: Argument of type '(state: AppStateType) => { user: AppStateType; }' is not assignable t... -
0 votesanswersviews
Redux-connect和typescript> 2.8,键入的连接存储返回错误
我在反应应用程序上使用typescript和redux-connect,我在typescript 2.5.x中使用了以下模式,一切运行良好: interface IStateProps { prop1: any; } interface IOwnProps { prop2: any } interface IState { stateVar: any } class Foo ex... -
2 votesanswersviews
TypeScript和React-Redux中的阴影名称
我正在使用TypeScript和React-Redux构建一个React Native应用程序 . 我使用connect连接我的组件: import { addTodo } from "../../redux/actions"; export interface Props { addTodo: (todo: Todo) => void; } // ... com... -
2 votesanswersviews
Redux Normalizr:在Redux状态下添加和删除规范化实体
我有一个API响应,它有很多嵌套实体 . 我使用normalizr来使redux状态尽可能保持平坦 .例如 . api响应如下所示: { "id": 1, "docs": [ { "id": 1, "name": "IMG_0289.JPG" }, ... -
0 votesanswersviews
React Native - 使用Redux将项添加到FlatList
我正在尝试使用Redux实现一个简单的ToDo列表练习应用程序 . 我有 TextInput , Button 和 FlatList ,这些项目作为数组存储在 store 中,并由 reducer 处理 . 按下按钮时,应将包含输入文本的项目添加到列表中 . 目前当我按下按钮没有任何反应时,列表似乎没有渲染,并且没有添加新元素 . 我怀疑onPress处理可能有问题,但我不确定,我本可以在其他地方... -
0 votesanswersviews
如何在reducer中更新状态会触发重新呈现组件?
我知道mapstatetoprops正在将我们的Redux应用程序状态映射到我们的React组件道具,但我不太明白当reducer返回一个新状态时幕后发生了什么 - 这是如何触发重新呈现具有props映射的组件的到应用程序级别状态? 在纯React中,setState触发重新渲染是否正确?通过Redux发生类似(或相同的事情)的事情吗? -
2 votesanswersviews
呈现重定向时,在react-test-renderer中更新了组件
我正在使用react-router-dom为react-redux编写的登录表单编写测试 . 我的组件看起来像这样: class LoginForm extends Component { render() { const { isAuthenticated, ... } = this.props if (isAuthenticated) {...