我借用這里找到的工作代碼來創建一個兩邊都可以調整大小的盒子(div)(它將成為甘特圖的一部分,這也是文件/變量命名約定的來源)。我想改變這一點,所以它使用反沖,而不是反應的原生狀態管理。
首先簡單介紹一下什么是什么。taskIDs有一個atom,id有一個atomFamily用于任務屬性,id有一個selectorFamily用于任務欄寬度。(也有其他的,但這些,我認為,是主要的疑點)。
我已經得到了所有必要的反沖狀態,一切正常,除了寬度選擇器系列沒有更新。如果我使用React state在本地設置寬度狀態,程序可以正常工作,但是當我更新任務屬性的taskFamily時,我可以看到它在控制臺中得到更新,但是該id的width selectorFamily總是返回相同的值。我知道有些不對勁,因為我有同樣的程序組件在甘特圖中運行,沒有可調整大小的功能,它們像預期的那樣工作。
任何朝著正確方向的推動都將受到贊賞!
下面的代碼沙盒鏈接(: