问题标签 [react-state-management]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何将“用户名”作为道具从功能性无状态父级传递给功能性无状态子级到另一个有状态子级?
如何将username
as 道具从功能性无状态父级传递给功能性无状态子级到另一个有状态子级?
目前它显示undefined
在第一个孩子和第二个孩子中。
父组件:
第一个子组件:
第二个子组件:
我希望所有组件都将用户名记录为Some UserName
javascript - 如何使用redux persist在reducer的所有切片中保持状态?
我已经添加,redux 坚持到我的应用程序。我有一个根减速器,其中包含不同的减速器,如“Auth”、“Orders”、“Products”、“Transactions”等。
问题是我的 Orders and Products reducer 已正确保留,但 Auth 和 Transactions reducer 没有保留。
我试过调试,我在 root reducer 的 Auth 和 Transactions 切片中看不到任何数据
这是我的顶级配置
出口喜欢
在我的 App.js 中
reactjs - 为什么我的 this.props.data 在渲染函数之前的任何地方都未定义?
数据相应地从父级传递到子级,因此它显示在渲染函数中,但我无法将它用于我需要在渲染之前运行的异步函数。
如果您在 render 函数下看到data.title
and data.link
all showa 但由于某种原因它们显示此错误:
×
TypeError: Cannot read property 'link' of null
我还能做什么?
reactjs - 我在变异状态吗?如果是这样,有哪些解决方案可用?
我有一个简单的组件,它从一组对象构建报告列表,我正在尝试添加过滤和排序功能(在一定程度上确实有效),排序功能有效,但我担心我正在变异尽管试图将原始状态复制到新数组中。
我的过滤器第一次工作,但它不会过滤其他结果,因为状态已经发生变化,或者因为我无法过滤初始状态?这让我困惑了几个小时,非常感谢任何帮助。
非常感谢
提前致谢 :)
reactjs - 将组件的层次结构与父级保持状态反应
我正在尝试为以下情况创建一个 React SPA:学校 -Student1 -Student2 -Student3 -name -Address - 门牌号、街道、城市、州、国家。
如果我认为,学校,学生,地址作为反应组件。学校:保存/显示学生列表,可以添加、删除。学生:保存/显示信息,例如姓名、地址,可以修改。地址:保存/显示地址详细信息,可以修改。
现在,我如何在这里进行状态管理,比如如果用户修改了其中一名学生的地址,这如何反映在学校中。
我能想到的选项: 1. 使用 Redux,但是说我想创建这个 School 作为组件,将在另一个 React 应用程序中使用,我可以在组件级别使用 Redux 商店吗?
- 将Student对象传递给Student react组件,该组件将在修改时使用信息更新.. mutating props。
注意:我是新手,对不起,我写的东西不正确或没有意义。
谢谢
javascript - 如何从 reactjs 中的静态方法调用另一个方法?
我刚刚转换了一些过时的事件,现在我使用的是静态的“getdirivedstatefromprops”。是否可以从此方法调用实例方法?
reactjs - ReactJS 使用动态键及其数据遍历状态数组
我有一个像这样的数组:
我想用这个数组迭代并填充我的表,但我收到错误this.state.data.map() is not a function。
这是我的反应组件:
this.state.data
如上所示,将使用示例数组进行更新。
我怎样才能做到这一点?我也尝试过Object.keys(this.state.data).map()
,但没有运气。
提前致谢。
reactjs - 无法在 redux 商店中设置状态
每次调用减速器时,我都会尝试将 10 添加到计数器。我总是收到错误 [未处理的承诺拒绝:TypeError:null 不是对象(评估'state.loaded')]
我这样称呼减速器:
reactjs - 使用 SSR 时初始化反应组件状态的最佳方法是什么?
我正在构建一个表,该表的状态需要在某处初始化,哪些数据最终通过 fetch 更新。
我的问题是表需要在服务器端渲染,因此在安装组件之前需要在服务器上渲染数据,我不能使用componentDidMount。
我可以使用 props 在 render() 方法中渲染表格内部,但是当表格不依赖于通过 props 接收数据而是通过调用 api 时,我以后如何更新数据?
我的结论是我必须使用状态,但是用道具初始化状态似乎是一个很大的不,所以我处于两难境地。
在不违反该规则的情况下,您对组件的初始化状态有何建议?
reactjs - React Hooks & useContext:这是一个好的模式吗?
我正在useContext
使用 React Hooks 学习。我想将包含应用程序状态的单个对象传递给上下文消费者,例如:
当然,我需要传递一些getters
并setters
启用子组件来更新应用程序状态。
这种模式是一种有效的方法吗——有更好的模式吗?