0
我正在談論在this screenshot中看到的用戶界面。在該程序中，macOS Finder中，左側有一列，其中列出了目錄中的所有項目。如果你點擊一個項目，該項目本身就是一個目錄，新的列上打開一個包含所有其項的權利，這是不斷重複的。如何使用React實現列UI？
我想寫這樣使用反應一個簡單的文本編輯Web應用程序的UI。每列將包含文件夾或文本'文件'。點擊一個文件夾將打開該文件夾的下一列中的子項;點擊一個文本'文件'將其文本放在一個textarea元素閱讀或編輯。
但我無法弄清楚如何組織數據。
我想我想要一種樹，其中節點可以是文本文件或文件夾/樹本身。但是，我如何在React中渲染那棵樹，我可以使用什麼樣的組件模式？我將當前樹的頂層渲染爲一個列組件，並且在該組件中有一個onclick處理程序，如果子文件夾被點擊，該處理程序會向父項添加新列？如果是這樣，我是否會將該組件的某個引用傳遞給該樹的一個子部分，或者傳遞該樹的整個部分？