ReactJS->如何使用数据库中的信息填充我的 state？

Question

So I have some JSON lists that look like this:

const productsList=[
    {
        name: 'Product1',
        image: productImage,
        price: 36.96,
        quantity: 1,
        id: v4()
    },
    {
        name: 'Product 2',
        image: productImage,
        price: 39.94,
        quantity: 1,
        id:v4()
    },
]

That list is then shown on the page using the map function and it is also being stored in the state using mapStateToProps. My question is how can I fill the productsList with the data from within a sqlite database?

Answer 1

Here are the things you need:

• You need a backend API service that connects to the SQLite database. If you use a Node.js backend, you can use this library .
• Once it's setup and running, you need to add the code to your frontend React app for fetching the data from your server. You can use hooks to achieve it.

I can't write every line of the code that you need since it's a lot. Hopefully this gives you an idea.

Answer 2

1. You need to create an API for the JSON data and have your URL-endpoint.
2. Then use ** Redux-Thunk Library** to make an asynchronous API call to the URL-ENDPOINT and update your Reducer as per the API action call and hence your state in the application.

The art of creating API is what backend developers do.