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

كيفية الحصول على قيمة parameter من URL query في React؟

Adam Ebrahim

السؤال

مرحبًا

أحاول أن أستعمل 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

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

هكذا 

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

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

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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>;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...