react开发教程（六）React与DOM

ReactDOMfindDOMNode语法：DOMElementfindDOMNode(ReactComponentcomponent)描述：获取修改后的组件实例对应的DOM节点案例：importReact,{Component}from'react';importReactDOMfrom'react'-dom';classAppextendsComponent{componentDidMount(){constdom=ReactDOM.findDOMNode(this)}render(){}}render语法：ReactComponentrender(ReactElementelement,DOMElementcontainer,[functioncallback])描述：更改方法将元素挂载到容器中，并返回元素的实例（即refs的引用）。加载组件时，将调用回调。importReact,{Component}from'react';importReactDOMfrom'react-dom';classAppextendsComponent{componentDidMount(){constdom=ReactDOM.findDOMNode(this)}render(){}}unstable_renderSubtreeIntoContainer语法：ReactComponentunstable_renderSubtreeIntoContainer(parentComponentcomponent,ReactElementelement,DOMElementcontainer,[functioncallback])描述：将组件更新为传入的DOM节点，可用于在组件内部实现跨组件的DOM操作。importReact,{Component}from'react';importReactDOMfrom'react-dom';classAppextendsComponent{componentDidMount(){constdom=ReactDOM.findDOMNode(this)}render(){}}refs这是一个非常React组件中的特殊prop可以附加到任何组件上，组件调用将创建该组件的新实例，refs将指向该实例。可以是回调函数，在组件挂载后立即执行。this.textInput=ref}/>也可以是字符串让refs放在原生DOM组件中，我们可以获取通过refs的DOM节点；如果你将refs放在React组件上，你将获得该组件的一个实例。上一篇：React开发教程（五）生命周期下一篇：React开发教程（七）React事件系统