草庐IT

javascript - 无法安装 redux-logger

我正在尝试通过以下操作安装redux-logger:npminstall--saveredux-logger之后我在代码中添加了导入记录器:importloggerfrom'redux-logger'然后我将记录器包含到applyMiddleware中:constcreateStoreWithMiddleware=applyMiddleware(thunk,logger)(createStore)constreducer=combineReducers(reducers)conststore=createStoreWithMiddleware(reducer,undefined,aut

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript - 如何在 Redux reducer 中以不可变的方式交换数组元素?

相关的Redux状态由表示层的对象数组组成。示例:letstate=[{id:1},{id:2},{id:3}]我有一个名为moveLayerIndex的Redux操作:actions.jsexportconstmoveLayerIndex=(id,destinationIndex)=>({type:MOVE_LAYER_INDEX,id,destinationIndex})我希望reducer通过交换数组中元素的位置来处理操作。reducers/layers.jsconstlayers=(state=[],action)=>{switch(action.type){case'MOVE

javascript - 你如何使用 `reselect` 来内存一个数组?

假设我有一个具有这种状态结构的reduxstore:{items:{"id1":{foo:"foo1",bar:"bar1"},"id2":{foo:"foo2",bar:"bar2"}}}这家商店通过接收元素的全新值(value)而发展:constreduceItems=function(items={},action){if(action.type==='RECEIVE_ITEM'){return{...items,[action.payload.id]:action.payload,};}returnitems;};我想显示一个RootView,它呈现一个SubItemView列

javascript - 如何访问 reducer (redux-router)中的当前位置?

我如何使用reducer中的redux-router获取当前路径和当前位置的查询。我可以使用mapStateToProps在组件内部轻松获取路径名,但我想访问reducer中的当前路径。我正在使用redux-router1.0.0-beta7,react-router1.0.3。 最佳答案 1.way-通过redux-thunk传递带有特定action的路径名和getState()constsomeAction=data=>(dispatch,getState)=>{dispatch({type:'SOME_ACTION',path

javascript - 商店状态更改时 React 组件不更新

下面是我的组件类。该组件似乎永远不会执行componentWillUpdate(),即使我可以在mapStateToProps返回之前通过记录看到状态更新。状态100%发生变化,但组件不会刷新。importReact,{Component}from'react'import{connect}from'react-redux'import{search}from'./mapActions'importLfrom'leaflet'classMapextendsComponent{componentDidMount(){L.Icon.Default.imagePath='./images't

javascript - ScrollView minHeight 占满所有空间

我有一个ScrollView,其中的内容不一定超过它的大小。假设它是一种表单,在出现错误时,它会扩展以添加错误消息,然后它会超过ScrollView大小,这就是我使用该滚动条的原因。问题是我希望内容始终至少与ScrollView的大小相同。我知道minHeight属性,但我发现使用它的唯一方法是重新渲染,我想避免这种情况。我正在使用redux进行状态管理,这就是我所拥有的{scrollHeight=event.nativeEvent.layout.height;this.props.setScrollContentHeight(scrollHeight);}}>其中this.props

javascript - typescript + 终极版 : exclude redux props in parent component

我正在为我当前的网络应用程序使用redux和typescript。定义通过@connect接收redux-actions的组件的props以及来自父级的props的最佳实践是什么?示例://mychild.tsxexportnamespaceMyChildComponent{exportinterfaceIProps{propertyFromParent:string;propertyFromRedux:string;//!!!!->ThisistheproblemactionsPropertyFromRedux:typeofMyReduxActions;//!!!!->Andthis

javascript - 如何在 redux-observable 的史诗中执行副作用?

在redux-observable中,史诗接受Action流并返回新的Action流。在我的用例中,我需要在调度某些操作后发送分析事件,然后什么也不做。使用redux-saga,我可以使用takeEvery来监听那个Action,并在saga函数中执行副作用:function*saga(){yieldtakeEvery('SOME_ACTION',function*(){sendAnalytics();})}但是我怎样才能用redux-observable实现同样的效果呢?有很多副作用,不需要调度新操作,如初始化插件、日志记录、设置cookie等......如果它是这两个库的反模式,那

javascript - 使用 react-router-redux 访问参数

我正在使用react-router-redux(https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux)安装npminstall--savereact-router-redux@next这样实现:我正在尝试访问容器中id的参数,如下所示:constmapStateToProps=(state,ownProps)=>{console.log(ownProps)return{...state.resource,id:ownProps.params.id}}如react-rou