reactjs - React - 获取 URL 的一部分并传递给 redux 商店

Question

例子：http://localhost:port/18-3-2021

我需要让这个日期看起来像 url 作为字符串的一部分'18-3-2021'。

这个字符串被传递给我的getProducts(forDate)函数，它是一个async GET method过滤 API，并将数据传递给我的reducer. Reducerstore通过将products 状态设置为给定数组来更新。

列表组件：

const List = ({ dispatch, products }) =>{

useEffect(()=>{
   dispatch(getProducts(forDate);
}, [])

    return 
         <div>
         {products.map((product) => 
              { return <Product product={product} }
        }
        </div>
}

const mapStateToProps = state =>{
  return { products: state.products }
}
export default connect(mapStateToProps) (List)

我不确定是否可以通过使用路由来实现我的目标，我尝试过但没有成功，因为我没有任何指向该List组件的链接。只有当有人硬编码 URL 中的日期并单击 Enter 时，我才需要这种效果。

有人可以指出我正确的方向吗？我不能在我的项目中使用不同的结构，因为已经有很多代码而且我之前没有想到这一点。只是想知道是否可能。

标签： reactjsurlparametersroutes