React中頁面的收縮和展開效果

一、實現效果 單擊當前頁面中指定按鈕，實現右側頁面的展開和收縮效果 具體效果以下 二、左右採用柵格化佈局:不瞭解的小夥伴請參考：https://ant.design/components/grid-cn/ 三、左右頁面柵格化佔比經過狀態機state實現，初始化設置：左側頁面的柵格化佔比爲24，右側頁面爲0（即達到左側頁面全屏，右側頁面不顯示的效果），代碼以下 //狀態機設置 constructor

>>阅读原文<<