react修改頁面dom

壹：使用選擇器：

1、引入react-dom

import ReactDom from 'react-dom'

2、給react節點設置id或類名等標識

<span id='tip'></span>

3、定義變量保存dom元素

const span=document.getElementById('tip')

4、通過ReactDom的findDOMNode()方法修改dom的屬性

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

點擊時： e.currentTarget 獲取到點擊的dom,通過改變樣式或者innerHtml改變dom

二：使用ref屬性

1、給指定標簽設置ref屬性

<span ref='tip'></span>

2、通過this.refs.ref屬性值來修改標簽的屬性

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

class組件

函數組件使用