react操作dom元素的兩種方式

一：使用選擇器：

1、引入react-dom

    import ReactDom from 'react-dom'

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

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

3、定義變量保存dom元素

     var span = document.getElementById('tip')

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

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

 

 

二：使用ref屬性

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

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

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

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