草庐IT

redux-framework

全部标签

javascript - 如何使用 React refs 来聚焦 Redux 表单字段?

我正在尝试使用Reactrefs在安装时聚焦Redux-FormField。当我在componentDidMount中尝试this.refs.title.getRenderedComponent().focus()时,会抛出一条错误消息:edit_fund.js:77未捕获类型错误:无法读取未定义的属性“getRenderedComponent”当我控制台记录this.refs时,它主要是一个空对象,有时将“title”标识为ref,但它不可靠。我是否错误地使用了refs?我的代码在下面供引用。componentDidMount=()=>{this.refs.title.getRend

javascript - 在渲染容器之前 react redux 调度操作

我是React-redux应用程序开发的新手,我想了解如何在页面加载后立即分派(dispatch)另一个操作。以下是我的容器代码。我正在使用这个(https://github.com/jpsierens/webpack-react-redux)样板文件。letlocationSearch;constActivationPage=({activateUser})=>{return(ActivationRequiredAnActivationEmailwassenttoyouremailaddress.Pleasecheckyourinboxtofindtheactivationlink{

javascript - 为什么我要使用 Redux Promise 中间件而不是 Redux Promise?

我用过ReduxPromise,但似乎ReduxPromiseMiddleware具有更多功能,例如分派(dispatch)多个附加了“PENDING”或“FULFILLED”的操作。为什么我要用一个而不是另一个? 最佳答案 我个人更喜欢ReduxPromiseMiddleware作为中间件,因为它支持乐观更新;调度未决、已完成和已拒绝的操作;并与ReduxThunk配合得很好链接异步操作。例如,您可以在reducer中使用带有_PENDING和_FULFILLED的操作,并使用进度条等更新UI。

javascript - redux - reducer 状态为空

我正在尝试在reduxdocs'basicexample中复制类似于TodoList示例的内容.第二个reducer接收一个数组-styleItems=[{......},{......}]-然后调用第一个函数来作用于每个单独的对象.我通过以下方式向应用程序容器提供了一个initialState,如containers/app.js所示。但是,传递给styleItemsreducer的状态似乎每次都是空白数组。但是,react会根据初始配置呈现UI,并且reactdev-tools会按预期显示状态结构。reduxstore是否以某种方式看到与react相同的东西?containers/

javascript - yield [] 和 yield all() 的区别 - ES6/redux-saga

与ES6的内置yield[]相比,使用redux-saga的yieldall([])有什么优势吗?要并行运行多个操作,redux-saga建议:constresult=yieldall([call(fetchData),put(FETCH_DATA_STARTED),]);但是不用​​all()方法也可以完成同样的事情:constresult=yield[call(fetchData),put(FETCH_DATA_STARTED),];哪个更好,为什么? 最佳答案 没有功能差异,正如MateuszBurzyński(redux-s

javascript - Redux 表单 Prop 和 typescript

多年来一直在寻找,但没有找到任何值得的东西。当我使用Flow时,我可以简单地:import{typeFieldProps,FormProps}from'redux-form';是否有类似(并且简单)的方法可以在typescript中将props正确设置为redux形式?文档没有提到任何关于typescript的内容,只有一个页面用于Flowtypings。但是,我发现我可以从redux-form导入类似propTypes的东西:import{reduxForm,propTypes}from'redux-form'然而-redux-form没有像propTypes导出的东西,所以文档有点

javascript - 如何在没有 devtools 的情况下在控制台中获取 Redux 商店的内容?

安装ReactDevtools后,我可以通过以下方式获取商店:$r.store.getState()没有ReactDevtools怎么办? 最佳答案 我处于无法为窗口分配任何内容的情况,而且我也没有机会使用React或Redux开发工具。这显然没有文档记录而且很脆弱,但它似乎在几个具有redux的不同网站上对我有用。在控制台中输出对状态的访问(稍作调整即可存储)。假设您正在渲染对ID为react-root的dom节点的react。constappStates=[]constreactRoot=document.getElementB

javascript - React/Redux 中的通用 reducer / Action

我正在尝试确定如何提取多条数据以在同一组件中使用。我看到的每个React/Redux示例都请求非常具体的数据,并且有reducer和操作来处理该确切类型的数据。但是,我无法找到有关处理更多通用数据的信息。例如,我的网站上有几个不同的组件(或类别)。其中一个组件是Cards。因此,如果用户单击/cards/hockey的链接,它应该从API请求曲棍球数据(如果它不在商店中),并将其显示在Cards页面中。如果用户单击/cards/football的链接,它应该遵循相同的过程,检查它是否有存储的数据,如果没有从API中提取它,并显​​示卡片包含该数据的页面。另一种组件类型可能是stats,

javascript - 将属性映射到 react-redux 中的状态

我有一个使用state的组件向用户提供数据。例如this.state.variableInState.该组件可以调度一些方法(例如在onClick操作上)。我目前正在使用react-redux一个connect映射方法store至props.有什么办法可以setState发货后?//actionsexportfunctionexecuteAction(){returnfunction(dispatch,getState){dispatch({type:'MY_ACTION',payload:axios.get('/some/url')});};}//reducerexportdefau

javascript - 我应该在哪里放置与 redux 中的 Action 相关的同步副作用?

(注意:我的问题没有写清楚,我在想一些错误的地方。问题的当前版本只是尝试写一些可以使接受的答案对尽可能多的人有用的东西。)我想要一个将项目添加到商店并将其注册到外部依赖项的操作。我可以使用thunk中间件并编写exportfunctionaddItem(item){returndispatch=>{dispatch(_addItemWithoutRegisteringIt(item));externalDependency.register(item);};}但订阅者会在项目注册之前收到通知,他们可能依赖于它是否已注册。我可以颠倒顺序写exportfunctionaddItem(ite