javascript - 如何使用 Redux 访问 React Router 中的 URL 查询字符串值

Question

我有一个如下的 URL，其中包含各种查询字符串值。

http://localhost:3000/product/?id=123&name=test

我正在使用 redux、react 开发同构应用程序。所以我正在触发操作，我可以知道如何将这些查询字符串值获取到 redux 操作文件吗？

export function getProductData(params) {

  debug('Action Requested:' + params);  

  return {
    type:    GET_PRODUCT_DATA,
    promise: request.get(API_URL + params.productId)
  }
};

因为在操作中我正在触发 API 调用，并且我需要查询字符串值中的 ID。

Answer 1

如果您使用的是 React-router，请继续通过 props.location.query 访问它们

最终看起来像这样:

const Product = (props) =>
  <div>
     <button onClick={e => props.getProductData(props.location.query)}>Do Some Action</button>
  </div>;