在ReactJS中实现javascript / json对象

Question

I want to create some kind of temporary "database" for my test project.

What is the best solution to store those objects inside React app and how to access it in different components?

To clear what I mean, I've got a search bar, after enter is pressed the function would go through the "database" and if database.title is equal to user input a new div would be rendered with object details after a button is clicked.

I would be grateful for pointing me in the right direction.

Answer 1

You can create a dummy data file containing an array or some sort of data in it and then import it in which component you want to test.

Example:

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