開個會,隨便聊聊,雖然vue不是react,但是兩者原理基本相似,我同時在兩者都有壹些開發經驗;所以我的觀點是:
React本身是壹個前端框架,不像JQ是壹個類庫。
react的原理和驅動是通過和store流對比來渲染虛擬dom,我完全沒有必要操作dom樹。
react的官方文檔說的很清楚,react做了很多jq能做的事情。妳只需要知道什麽是雙向綁定,然後用數據驅動和綁定自定義事件。
在react中使用JQ時,您必須獲取dom節點,也就是說,dom樹不會被追加到頁面中,直到componentDidMount。雖然不嚴重,但在特殊情況下也會有壹些沖突,比如:同時使用react和JQ操作壹個節點的樣式時,可能會導致狀態同步的問題,這是最簡單的問題。請看下面第五條(動手)。此外,還有壹個性能問題。舉個最簡單的例子,不具有代表性。請想象壹下,當頁面上有很多節點時,react和JQ渲染的分頁設備會更高效。而且,如果分頁是用JQ實現的,分頁內容是用react實現的,那麽JQ每次點擊頁碼都要用react渲染分頁內容,然後再用JQ設置頁碼,壹點都不麻煩。)
進口?反應壹下,?{?組件?}?從哪裏?“做出反應”;
班級?我的組件?延伸?組件?{
建造師(道具)?{
超級(道具);
這個州?=?{isHover:?false };
this.onMouseEnter?=?this . onmouseenter . bind(this);
}
componentDidMount()?{
$("#aaa ")。開('懸停',?()= & gt?{
$(這個)。add class(' my hover ');
});?
}
onMouseEnter()?{
this.setState({isHover?:?true });
}
render()?{
const?{?伊索弗?}?=?這個州;
返回(
& ltdiv?id="aaa "?onMouseEnter = { this . onMouseEnter }?“懸停”嗎?:? '} & gt& lt/div & gt;
);
}