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