我可以使用React-Router-Dom useParams（）在MERN应用程序中捕获优惠券代码吗？
我一直试图找出如何使用react-router-dom的URL参数捕获优惠券代码。我希望能够在URL中捕获一个优惠券来设置状态。
例子：https://localhost:3000/checkout?coupon=FREE3000
我想能够解析URL以获取参数优惠券
使用 React Router Dom 可以做到这一点吗？是否有任何替代解决方案？
共有2个答案
简单的回答是否定的，< code>useParams在基本url之后获取参数，而不是查询参数。
有关如何获取查询参数的答案，请参阅以下问题：如何在react router v4中获取查询参数
是的，这可以通过带有自定义钩子和useLocation钩子的反应路由器来实现。无论如何，您将使用URLSearchParams。React路由器没有直接的功能。
js prettyprint-override">const useQuery = () => new URLSearchParams(useLocation().search)
// use in component
const query = useQuery();
// get desired value with query.get(name)
const coupon = query.get("coupon");
const referrer = query.get("referrer");
请参阅 react 路由器文档中的此示例
如果您不想使用react router，只需使用＜code＞window.location即可。搜索属性而不是useLocation。请参阅MDN文档
-
在WooCommerce，我试图找到一种方法，如果购物车的重量超过100磅，可以给整个客户的订单打10%的折扣。我正在实现这一目标。对于下一步，我正在寻找一种方法，通过操作/钩子通过functions.php.以编程方式应用优惠券代码 看来我可以使用woocommerce\u ajax\u apply\u优惠券功能来实现这一点（http://docs.woothemes.com/wc-apidoc
-
我有一个网站正在使用Stripe来处理订阅付款。只有一种类型的订阅。我按照NetTuts上的教程进行了初始设置。有一个表单可以精细处理订阅，一切都正常。客户要求优惠券代码。Stripe支持这个，所以我开始尝试在现有表单中添加优惠券代码。 我在Stripe中设置优惠券代码，设置测试密钥，并在Stripe中切换到测试模式。我正在代码中执行几个检查： 检查是否输入了优惠券，如果没有，则创建一个没有优惠券
-
我使用以下函数来接收订单的购物车总数、订单id和优惠券代码。该函数显示购物车的总金额和订单id，但不显示应用的优惠券代码。 根据Woocommerce codex的示例，它应该可以工作：http://docs.woothemes.com/document/send-coupons-used-in-an-order-by-email/
-
问题内容： 我想将node js用作react native项目中的后端。 问题答案： 是的，您 可以 通过正确使用Big Rich的ReactNativify 来 使用为Node编写的包。但是要考虑一些事项： 1）我遵循在问题清单中找到的建议，并分为两部分： Transformers.js（在和中调用）： babel-transformer.js（也在）： 2）如您在上面的代码中所见，我还演示了
-
提示 页面模板源码免费开源，在uni-app的插件市场uView的 示例项目 中，在右上角选择"使用 HBuilderX 导入示例项目" 或者 "下载示例项目ZIP"， 在HX运行项目即可看到和使用模板。 提示 由于右侧的演示是通过iframe标签引入的，缺少了手机端运行的相关API，或者因为演示区域太小，或者电脑分别率不够高 ，导致演示可能会有问题，手机端有不会这些问题，请在右上角的"演示"中用
-
优惠券 功能介绍：店铺可定期发布优惠券，增加更多用户粘性。 步骤 从【营销中心】→【优惠券】→【添加优惠券】。 设置优惠券名称、面额、发行量、有效时间、以及使用条件。