小编Jac*_*son的帖子

如何在React中使用Redux的Provider

我一直在关注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)

但是,这就是文档结束的地方.如何在组件内拾取提供商提供的商店?

javascript reactjs redux

52
推荐指数
2
解决办法
4万
查看次数

存储状态更改时,React组件不会更新

下面是我的组件类.该组件似乎永远不会执行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)

javascript state reactjs redux

9
推荐指数
3
解决办法
1万
查看次数

Chrome中的401(未经授权),但不在IE中

我最近从使用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)

javascript google-chrome unauthorized fetch redux

8
推荐指数
1
解决办法
9240
查看次数

为ARM构建?

每当我尝试在设置goarch,goos和gobin之后使用'go install'我得到'无法在设置GOBIN时安装交叉编译的二进制文件',但是不明白为什么?

为arm linux构建最简单的方法是什么?

arm go

7
推荐指数
1
解决办法
6309
查看次数

Quartz在运行后编译作业脚本?

我想用石英作为脚本调度,你从一个GUI编写VB,然后选择触发,代码然后编译并在触发执行,比较麻烦的问题是我如何处理它,使它运行此脚本在应用程序上下文中,因此它可以访问我的实体框架模型等.我将如何实现这一目标?

.net vb.net quartz.net

6
推荐指数
1
解决办法
91
查看次数

将React应用程序转换为同构应用程序?

我使用React和Redux开发了一个Web应用程序,然后用Webpack打包,它使用IIS托管,可能只是运行客户端并调用Web API(.net是出于原因); 也托管在IIS上.

如何进行跳转并使此应用程序"同构",以便React代码同时运行客户端和服务器端?

javascript reactjs

5
推荐指数
1
解决办法
1408
查看次数

在Redux中,全局状态是否应该替换组件状态?

我的问题是,我是否还应该使用有状态的React组件,还是应该将该状态移到Redux存储中?

reactjs redux

1
推荐指数
1
解决办法
903
查看次数

标签 统计

javascript ×4

reactjs ×4

redux ×4

.net ×1

arm ×1

fetch ×1

go ×1

google-chrome ×1

quartz.net ×1

state ×1

unauthorized ×1

vb.net ×1