在ReactJS中實現javascript/json對象

Question

我想爲我的測試項目創建某種臨時「數據庫」。

在React應用程序中存儲這些對象以及如何在不同組件中訪問它的最佳解決方案是什麼？

爲了清楚我的意思，我有一個搜索欄，按下輸入後，函數將通過「數據庫」，如果database.title等於用戶輸入，則將使用對象詳細信息呈現新的div點擊按鈕後。

我會很感激我指着正確的方向。

Answer 1

您可以創建一個包含數組或其中某種數據的虛擬數據文件，然後將其導入到您要測試的組件中。

例子：

// dummyData.js 
const dummyData = [ 
    { 
     title: 'this is a title', 
     type: 'book' 
    }, 
    { 
     title: 'this is another title', 
     type: 'movie' 
    }, 
    { 
     title: 'this is a foo', 
     type: 'bar' 
    } 
]; 
export default dummyData; 

// on your component 
import dummyData from '/path/to/your/dummyData.js';