Red de conocimiento informático - Problemas con los teléfonos móviles - reaccionar modifica el dom de la página

reaccionar modifica el dom de la página

Dos formas de modificar el dom de la página en reaccionar

Uno: usar el selector:

1. Introducir reaccionar-dom

importar ReactDom desde 'react-dom'

p>

2. Establezca un identificador como ID o nombre de clase para el nodo de reacción

< span id='tip'>

3. Defina un variable Para guardar elementos dom

const span=document.getElementById('tip')

4. Modifique los atributos de dom mediante el método findDOMNode() de ReactDom

ReactDom .findDOMNode(span).style.color='red'

Cuando se hace clic: e.currentTarget obtiene el dom en el que se hizo clic y cambia el dom cambiando el estilo o el interiorHtml

Dos : Usar atributo ref

1. Establezca el atributo ref en la etiqueta especificada

2. Según a esto el valor del atributo refs.ref modifica el atributo de la etiqueta

this.refs.tip.style.color="red"

Componente de clase

.

Uso de componentes funcionales

1.