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"