搜索与本地存储项相关的数据

Question

我在简单的反应待办事项应用程序中工作。我想搜索与注册或登录时保存在本地存储中的电子邮件相关的所有项目。我还保存了带有待办事项的电子邮件.. 用于获取特定待办事项的 redux 操作是：        return dispatch => {            dispatch(itemsLoading())           localStorage.getItem('email')            const queryParams = '?search=' + createdBy + '&orderBy="register_date"&equalTo="' + register_date + '"';            axios.get('/api/todos')                .then(res => {                console.log(res.data)                })                .catch(err => {                    console.log('error to search')                    // dispatch(fetchOrderFail(err))                })        }    }```

Answer 1

在您的 axios 获取请求中，您似乎没有在 url 中包含查询参数。您也不会以任何方式存储您的 localStorage 请求。

我也不确定您的查询参数的结构，但作为初学者，我会像这样重组您的 api 请求：

import axios from 'axios'

export const getTodos = () => {

  return dispatch => {

     dispatch(itemsLoading())

     const createdBy = localStorage.getItem('email')

     axios.get(`/api/todos?search=${createdBy}`)

       .then(res => console.log(res))

       .catch(error => console.log(error))

  }

}

您可能还希望在处理程序中分派成功操作，.then()并在处理程序中分派失败操作.catch()。

Answer 2

您需要执行的以下步骤 1. 将其存储在localStorage中。2.可以使用filter es6过滤掉数据。