先上圖:
最近項目中有二級勾選的需求,所以首先想到了tree組件,然后在簡單的了解了之后,就是開始在項目中使用,最開始簡單簡單的二級數據呈現,包括單選,多選以及全選,反選等功能基本都比較簡單,按照官網去做就行了,但是,我的這個功能,還有一個需求就是要加上搜索,并且是前端這邊自己搜索,一開始以為比較簡單,就按照搜索什么值,就顯示對應的數據就好了,但是后面的問題來了,搜索之后數據顯示都是對的,但是當我勾選的時候,oncheck函數并不會把之前的數據傳遞給我,只會給我當前勾選并顯示的數據的key,這就會導致我拿不到之前的key了,所以我用了另外一個state去存上一次選擇的key,然后根據當前的勾選的key做對比,這樣做感覺思路上并沒有問題,但是在寫代碼的過程中,遇到了各種問題:1、我的checkedkeys都是對的,但是在數據呈現上并沒有勾選;2、獲取的可以不對等等,反正遇到了一大堆的問題,頭都大了,后面有了另外一種思路,現在感覺之前最開始的思路也是對的: