React usa o mecanismo de publicação de assinatura de mensagem
Fizemos um caso de todoList anteriormente, no qual quatro componentes foram desmontados e, em seguida, envolveu a passagem do valor do componente. Na verdade, naquela época, os componentes irmãos estavam envolvidos na passagem de valores, mas como os componentes irmãos não passavam valores naquela época, por assim dizer, o componente pai era usado para passar valores e os dados necessários para os componentes foi colocado no componente externo App. Em seguida, passe o valor pelo componente pai-filho para realizar a função.
Sobre a comunicação do componente pai-filho
Componentes pais passam valores para componentes filhos : passam dados por props.
Passando valores de componentes filhos para componentes pais : Passar por props requer que o componente pai prepare uma função com antecedência para passar para os componentes filhos.
Sobre a Comunicação de Componentes Irmãos
Com relação à comunicação entre componentes irmãos, em vez de usar o componente pai como relé, eles se comunicam diretamente usando 消息订阅-发布o mecanismo .
Neste momento, precisamos usar uma biblioteca de ferramentas: PubSubJS
download
O download dessa biblioteca de ferramentas também é muito simples, basta usar uma linha de comandos npm para fazer o download.
npm install pubsub-js --save
usar
No github, as instruções de uso do PubSubJS já estão bem detalhadas, depois vamos falar um pouquinho aqui, se quiser estudar mais a fundo, pode ir no github dar uma olhada.
// 引入
import PubSub from 'pubsub-js'
// 订阅
PubSub.subscribe('delete', function(msg,data) {
})
// 发布
OubSub.publish('delete', data)
Bem, este é o conteúdo principal do acima.