在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';