ref函數在React中扮演著重要的角色。不僅在處理DOM元素方面起到了重要作用，還可以用於處理組件實例。在本篇文章中，我們將從多個方面對ref函數做詳細的闡述。
一、ref函數簡介
在React中，ref函數被用於通過DOM元素或組件實例來訪問、操作它們。當在組件中使用ref函數時，它會返回組件的實例，而在DOM元素中使用ref函數時，則返回對應的DOM節點。
使用ref函數有兩種方式，一種是使用字元串方式，另一種是使用回調函數的方式。下面是兩種方式的代碼示例：
// 字元串方式
class Input extends React.Component{
render(){
return();
}
componentDidMount(){
console.log(this.refs.input);
}
}// 回調函數方式
class Rectangle extends React.Component{
handleClick = () => {
console.log(this.rectangle);
}
render(){
return(
this.rectangle = el} onClick={this.handleClick}>原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/250655.html
微信掃一掃 
支付寶掃一掃 