3得票1回答
React级联渲染

我在我的App.js组件中使用了react-toastify元素,实现方式如下: class App extends Component { componentDidUpdate(prevProps) { const { toast } = this.props if(t...

6得票1回答
使用Node.js构建多人游戏架构 - 通过Redux进行状态管理和同步

我正在实现一款在线集换式卡牌游戏(类似炉石传说/魔术)作为个人项目,我决定使用React / Redux作为客户端UI。这让我想到了在服务器上也使用Redux来维护每个客户端/游戏的全局状态。 游戏中的玩家将通过socket.io向服务器发送事件,根据游戏状态+规则进行验证,然后触发服务器状...

3得票1回答
Jest + Enzyme测试中mapStateToProps()出现错误

我在使用 mount 函数测试 redux 时遇到了问题。 错误:未捕获的 [TypeError:selectors.selectMessages不是一个函数] 为什么会出现这个错误? //badgeSelector.js. R - is Ramda. import { cre...

4得票2回答
React Router中使用Styled Components时,子组件没有props.theme

import {theme} from "./themes"; const App = () => ( <ThemeProvider theme={theme}> <ErrorBoundary showError> <Provide...

3得票1回答
在使用 ReactJS 中的 Redux 时,出现 Dispatch 未被定义的问题

我想知道为什么点击表格行仍会给我未定义的调度错误,导致Uncaught TypeError: dispatch is not a function。 我一直在遵循这个post来尝试解决问题,但到目前为止没有成功。 ListingTable.js import Table from 'gro...

7得票3回答
Redux表单:输入始终保持为“未触摸:false”

我想要验证我的输入并根据用户交互更改CSS。 首先,我使用一个必需的验证方法,将所有输入组件包装在 <Field> 中,并将一个函数数组传递给 validate。目前只有 required。 但是对于所有字段,值都保持不变,即 touched: false 和 error: "...

4得票1回答
React、Jest、Enzyme如何使用Redux存储在测试App.js中传递测试

我使用create-react-app创建了一个简单的应用程序,然后更新了我的App.js并添加了redux/store。 class App extends Component { render() { return ( <header className...

3得票1回答
Formik和ReactJs:如何从子组件向父组件设置字段值

我正在开发一个 ReactJs 项目,并在其中使用 Formik。 我有两个不同的组件(父组件和子组件)。 以下是示例,我试图从父组件传递 formik 数据到子组件,并需要从子组件设置父组件 formik 值。 现在我遇到了一个错误,当父组件调用子组件时,当子组件更新父值时,它将再次调...

5得票7回答
React导航 - 从Redux Action文件导航

我希望在我的reduc action文件中导航。第一个屏幕是登录屏幕,因此在点击登录按钮后将调用redux action creator和reducer生成一个新状态。因此,在动作之后,我想重定向到我的仪表板。 我正在使用react native + redux + react naviga...

19得票6回答
在使用next-redux-wrapper时如何在React之外访问Redux存储库

我有一个使用NextJS React应用程序,该应用程序在_app.tsx中使用next-react-wrapper(基本上是HOC): _app.tsx... import withRedux from 'next-redux-wrapper'; class Page extends A...