Reaccionar resume la comunicación entre componentes

La comunicación entre los componentes

5.1.1 manera: Pasando a través de los apoyos

1) los datos comunes en el componente de matriz, datos específicos sobre sus propios componentes internos (estado)

2) puede pasar a través de los puntales de datos de datos general y de función, una capa a la transmisión

3) Datos generales -> componente padre subconjunto pasar datos -> subconjunto para leer los datos

4) Funciones de datos -> componentes de sub-ensamble pasar datos a los padres -> componente secundario llama a la función

5.1.2 La segunda manera: utilizando una suscripción de mensajes (suscribirse) - liberación (publicar) mecanismo

1) biblioteca de herramientas: PubSubJS

2) Descargar: NPM instalar pubsub-js --save

3) Uso:

          importación de PubSub 'PubSub-js' // 引入

          PubSub.subscribe ( 'borrado', function (datos) {}); // 订阅

          PubSub.publish (datos 'delete') // comunicado de prensa

5.1.3 tres maneras: redux

Detalle de aprendizaje más adelante

 

Suscribirse a publicar ejemplos:

// Importar 
Importe el PubSub de  " PubSub-JS " 

// publicar datos donde hay 
clase los Datos del extiende React.Component { 
  pubmsg = () => { 
      PubSub.publish ( " canal " , " anuncio de canal " ) 
  } 
  el render () { 
      retorno (
           <Botón del onclick = { el presente .pubmsg}> el componente de datos, anunció </ botón> 
          ) 
      } 
  } 
  
  // suscripción 
  de clase de la aplicación del extiende el componente {
     // montaje que pudiera ser emitida cuando la suscripción 
    componentWillMount () {
      PubSub.subscribe (" 频道" , (msg, datos) => { 
        console.log (msg, datos) 
      }) 
    } 
  
    render () { 
      retorno (
         <div className = " Aplicación " > 
           <Datos /> 
        </ div> 
      ); 
    } 
  }