اذهب إلى المحتوى

السؤال

نشر

مرحبًا

أحاول أن أستعمل firebase في تطبيق react ومن المفترض أن أحصل على parameter  من URL بالشكل التالي:

http://localhost:8000/#/signin?_k=d2suqb&__firebase_request_key=somethingHere

سؤالي هو كيف يمكنني تحديد مسار في ملف routes.jsx الخاص بي لالتقاط قيمة الـ parameter هذا __firebase_request_key

أستخدم React Router  الإصدار الخامس.

Recommended Posts

  • 0
نشر

يمكنك استخدام خطاف useLocation الذي يوفره react-router-dom

import React from 'react';

import { useLocation } from 'react-router-dom';

function useQuery() {
  return new URLSearchParams(useLocation().search);
}

export default function App() {
  let query = useQuery();
  const firebaseKey = query.get('__firebase_request_key');
  console.log(firebaseKey); //somethingHere
  return <div>.....</div>;
}

 

  • 0
نشر

يمكنك عملها بالجافاسكربت مباشرة حيث تقوم بعمل utility واستخدامها في أي مكان عن طريق استخدام URLSearchParams والذي يتعامل مع ال query params

هكذا 

const queryParser = new URLSearchParams(window.location.search);

وعندما تريد استخراج key معين تقوم بعمل الآتي: 
 

const firbaseKey = queryParser.get('__firebase_request_key');

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...