關於onMouseEnter跟onMouseLeave

Question

老師，在這張代碼裡面
if (focused || mouseIn) {
return (


熱門搜索
<SearchInfoSwitch onClick={() => handleChangePage(page, totalPage)}>
換一批


{pageList}

);
} else {
return null;
}
如果這樣寫，會出現下面的錯誤
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

原因我猜是因為onMouseEnter又去觸發了下面的Action，又Render，然後不知道為什麼
我這邊的onMouseEnter事件，在初次渲染的時後，一定會被執行到一次，反而是滑鼠移入的時候沒辦法觸發，請問是有什麼問題嗎?我的React版本是16.6.3
我發現onMouseEnter跟onMouseLeave事件都沒有辦法如其運行

Answer 1

Dell 2018-12-02 00:52:41

componentWillUpdate，componentDidUpdate里面看看有没有调用修改数据的代码