我一直在关注ReduxJS文档:http://redux.js.org/docs/basics/UsageWithReact.html
在文档的最后,它提到了提供者对象的使用,我已经将我的App组件包装在提供者中,如下所示:
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import RootReducer from './app/reducers'
import App from './app/app'
const store = createStore(RootReducer)
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
)
Run Code Online (Sandbox Code Playgroud)
但是,这就是文档结束的地方.如何在组件内拾取提供商提供的商店?
下面是我的组件类.该组件似乎永远不会执行componentWillUpdate(),即使我可以通过在mapStateToProps中返回之前的日志记录来查看状态更新.状态是100%更改,但组件不刷新.
import React, { Component } from 'react'
import { connect } from 'react-redux'
import { search } from './mapActions'
import L from 'leaflet'
class Map extends Component {
componentDidMount() {
L.Icon.Default.imagePath = './images'
this.map = new L.Map('map', {
center: new L.LatLng(this.props.lat, this.props.lng),
zoom: this.props.zoom,
layers: L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '<a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
})
})
}
componentWillUpdate() {
console.log('UPDATE MAP')
L.geoJson(this.props.data).addTo(this.map)
}
render() {
return <div id="map"></div>
}
}
const mapStateToProps = (state) => {
return {
isFetching: state.isFetching,
data: state.data …Run Code Online (Sandbox Code Playgroud) 我最近从使用jQuery转向使用Redux的isomorphic-fetch.在IE中运行时,它设法获取正常.但是我在Chrome中运行时会得到以下内容.
Failed to load resource: the server responded with a status of 401 (Unauthorized)
Run Code Online (Sandbox Code Playgroud)
值得注意的是,web api确实启用了Windows身份验证.
这是执行fetch的代码:
export const fetchSearchResults = (name) => {
return (dispatch) => {
dispatch(requestSearchResults(name))
return fetch(API URI HERE)
.then(response => response.json())
.then(json => {
console.log('Fetch: ' + json.message.features.length)
dispatch(receiveSearchResults(json))
})
}
}
Run Code Online (Sandbox Code Playgroud) 每当我尝试在设置goarch,goos和gobin之后使用'go install'我得到'无法在设置GOBIN时安装交叉编译的二进制文件',但是不明白为什么?
为arm linux构建最简单的方法是什么?
我想用石英作为脚本调度,你从一个GUI编写VB,然后选择触发,代码然后编译并在触发执行,比较麻烦的问题是我如何处理它,使它运行此脚本在应用程序上下文中,因此它可以访问我的实体框架模型等.我将如何实现这一目标?
我使用React和Redux开发了一个Web应用程序,然后用Webpack打包,它使用IIS托管,可能只是运行客户端并调用Web API(.net是出于原因); 也托管在IIS上.
如何进行跳转并使此应用程序"同构",以便React代码同时运行客户端和服务器端?
我的问题是,我是否还应该使用有状态的React组件,还是应该将该状态移到Redux存储中?
javascript ×4
reactjs ×4
redux ×4
.net ×1
arm ×1
fetch ×1
go ×1
quartz.net ×1
state ×1
unauthorized ×1
vb.net ×1