Aprenda os conceitos básicos reagir (V)

Redux gestão estado global

reagir-Redux

módulo de otimização otimizar o uso redux

npm instalar redux reagem-redux 

1. Ao fornecer um superior reagem-redux provedor fornece o estado global de um objeto montado no elemento raiz de contexto

Provedor de importação de 'reagem-redux' 
loja de importação de' ./store/store.js' 
... 
<loja Provider = {Store}> 
 <App> </ App> 
</ Provider> 
...

2. Usando o estado global de valores de componentes de conectar fornecida por reagir-Redux adquirida a partir do arquivo de objecto com um componente contexto, alta ordem componente obtido passe loja serão dados os suportes de montagem alvo

  import {connect} de 'reagem-redux' 
  classe Son1 ... {} 
  connect (estado => estado) (Son1)

3. Modificar o estado global faz montagem não precisa escrever o valor do ouvinte componente Componentes -> actionCreator -> redcuer -> Componente (update monitor)

   1. Na escuta componentes não escrevo

   2. actionCreator fazer duas coisas 1. Crie uma ação padrão 2. Enviar ação por dispath após actionCreator uso de plug-in simplesmente criar a ação

   3. Enviar na montagem em

reagem-Redux ação assíncrona

soluções de middleware assíncrona redux-conversão redux-promessa redux-sábio ....

1. Instalação npm plugue assíncrona instalar redux-conversão

2. Nos introdução e utilização store.js

import {CreateStore, applyMiddleware} de 'redux' 
conversão de importação de 'redux-thunk' //解决异步的插件
redutor de importação de './reducer' 
CreateStore padrão de exportação (redutor, applyMiddleware (conversão))

3. Além da necessidade de modificar o outro actionCreatore não mover um. Método de sincronização de ação não é necessário se o móvel retorno b. Se houver função assíncrona ação retorna uma função dispath pode aceitar pedidos de funcionamento interno da rede após dispath manual do sucesso send