// 代碼送上
import React, { Component } from "react";
const MyButton = React.forwardRef((props, ref) => {
console.log(ref);
return <button ref={ref}>{props.children}</button>;
});
export default class Refs extends Component {
constructor(props) {
super(props);
this.ref = React.createRef(); // (1) createRef refs
this.divRef = null; // (2) callback refs
this.refButton = React.createRef(); // (3) ref 轉(zhuǎn)發(fā)
}
componentDidMount() {
console.log(this.ref);
console.log(this.divRef);
this.ref.current.focus();
setTimeout(() => {
this.refButton.current.innerText = "轉(zhuǎn)發(fā)refs";
}, 2000);
}
render() {
return (
<div
ref={ref => {
this.divRef = ref;
}}
>
<input ref={this.ref} type="text" placeholder="請輸入" />
<MyButton ref={this.refButton}>click me </MyButton>
</div>
);
}
}
refs 三種實現(xiàn)形式
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門谜酒，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人妻枕，你說我怎么就攤上這事僻族。” “怎么了屡谐？”我有些...
- 文/不壞的土叔 我叫張陵述么，是天一觀的道長。 經(jīng)常有香客問我愕掏，道長度秘，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任饵撑，我火速辦了婚禮剑梳，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘滑潘。我一直安慰自己垢乙，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布语卤。 她就那樣靜靜地躺著追逮，像睡著了一般。 火紅的嫁衣襯著肌膚如雪粹舵。 梳的紋絲不亂的頭發(fā)上钮孵，一...
- 文/蒼蘭香墨 我猛地睜開眼诱担，長吁一口氣：“原來是場噩夢啊……” “哼毡证！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起蔫仙，我...
- 正文 年R本政府宣布照弥，位于F島的核電站，受9級特大地震影響进副，放射性物質(zhì)發(fā)生泄漏这揣。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一影斑、第九天 我趴在偏房一處隱蔽的房頂上張望给赞。 院中可真熱鬧，春花似錦矫户、人聲如沸塞俱。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽障涯。三九已至，卻和暖如春膳汪，著一層夾襖步出監(jiān)牢的瞬間唯蝶，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 一談《道德與法治》課上的有效化活動教學(xué) 道德教育要回歸生活冯痢，怎樣讓《道德與法治》教學(xué)提高實效性氮昧，達(dá)到育人目的...
- 在我們教師辦公室框杜，討論得最多的，你知道是什么嗎袖肥？是一個孩子的性格咪辱，在被老師批評之后，在和同學(xué)起沖突后椎组，恢復(fù)的速...
