[react] react怎么拿到組件對應的DOM元素？

• 在Class組件中

import React from 'react'; class CComponent extends React.Component {refDiv = React.createRef();componentDidMount () {console.log(this.refDiv.current)}render () {return <div><div className="test" ref={this.refDiv}>demo</div></div>} }export default CComponent; // 老舊語法 import React from 'react'; class CComponent extends React.Component {// refDiv = React.createRef();componentDidMount () {console.log(this.refDiv)}render () {return <div><div className="test" ref={ref => this.refDiv}>demo</div></div>} }export default CComponent;

• 在函數式組件中

import React, { useRef, useEffect } from 'react';const FComponent = () => {const refDiv = useRef();useEffect(() => {console.log(refDiv.current);}, []);return <div><div className="demo" ref={refDiv}>test</div></div> } export default FComponent;

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[react] react怎么拿到组件对应的DOM元素？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。