export function useControl(CompIn) {
const ref = useRef();
// 通過 proxy 實現(xiàn)支持各種方法名
const methods = useMemo(() => createMethodsProxy(ref), []);
const CompOut = useMemo(() => {
if (!CompIn) {
return null;
}
const ControlledComp = function ControlledComp(props) {
return <CompIn {...props} ref={ref} />;
};
if (process.env.NODE_ENV === 'development') {
const originalName = CompIn.displayName ?? CompIn.name ?? 'Unknown';
ControlledComp.displayName = `useControl(${originalName})`;
}
return ControlledComp;
}, [CompIn]);
return [CompOut, methods];
}
function createMethodsProxy(ref) {
return new Proxy(
{
$get(property) {
return ref.current?.[property];
},
},
{
get(target, property) {
if (target[property]) {
return target[property];
}
const method = async (...args) => {
const fn = ref.current?.[property];
const value = fn && await fn(...args);
return value;
};
target[property] = method;
return method;
},
}
);
}
useControl
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門瑞信，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人饱溢，你說我怎么就攤上這事喧伞。” “怎么了绩郎？”我有些...
- 文/不壞的土叔 我叫張陵潘鲫，是天一觀的道長。 經(jīng)常有香客問我肋杖，道長溉仑，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任状植，我火速辦了婚禮浊竟，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘津畸。我一直安慰自己振定，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布肉拓。 她就那樣靜靜地躺著后频，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上卑惜，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼镇草！你這毒婦竟也來了眶痰？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布莽鸭，位于F島的核電站，受9級特大地震影響吃靠，放射性物質(zhì)發(fā)生泄漏硫眨。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一巢块、第九天 我趴在偏房一處隱蔽的房頂上張望礁阁。 院中可真熱鬧，春花似錦族奢、人聲如沸姥闭。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽泣栈。三九已至，卻和暖如春弥姻，著一層夾襖步出監(jiān)牢的瞬間南片，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 人們問愛因斯坦為何能在1905年提出那么多改變?nèi)祟愓J識世界的理論嚼锄，他謙虛地回答道： “并不是我很聰明，只是我和問題...
- 國際黃金行情走勢分析： 周一（3月8日）亞洲時段，現(xiàn)貨黃金延續(xù)上周五紐約時段漲勢修陡，最高觸及1714美元附近沧侥，目前交...
- 今天是小姐姐們的節(jié)日宴杀。 我老司機一次搞大以強悍忠誠的“女士用品”身份，在這里祝所有小姐姐們?nèi)者M斗精拾因。 如何用商業(yè)電...
