Desmontando o nó React.js
Estou tentando desmontar um nó React.js comthis._rootNodeID
handleClick: function() {
React.unmountComponentAtNode(this._rootNodeID)
}
Mas retornafalse
.
ohandleClick
é acionado quando clico em um elemento e deve desmontar o nó raiz. Documentação emunmountComponentAtNode
aqui
Eu tentei isso também:
React.unmountComponentAtNode ($ ('* [data-reactid = "' + this._rootNodeID + '"]') [0])
Esse seletor trabalha comjQuery.hide()
, mas não desmontando, enquanto a documentação declara que deve ser umDOMElement
, como você usaria paraReact.renderComponent
Depois de mais alguns testes, verifica-se que funciona emalguns elementos / seletores.
De alguma forma, funciona com o seletor:document.getElementById('maindiv')
, Ondemaindiv
é um elemento não gerado com React.js e apenas html. Então retornatrue
.
Mas assim que tento selecionar um ElementById diferente que é gerado com React.js, ele retorna false. E não vai funcionar comdocument.body
também, embora todos essencialmente retornem a mesma coisa se eu os console.log (getElementsByClassName('bla')[0]
também não funciona)
Deve haver uma maneira simples de selecionar o nó viathis
, sem ter que recorrer ao jQuery ou outros seletores, eu sei que está lá em algum lugar ..