تعذر إعادة التوجيه عند الضغط على عنصر من عناصر القائمة المنسدلة باستخدام Reactjs

محمد لارافيل · 20 فبراير 2023

أنا أعمل على Reactjs وأستخدم إطار عمل nextjs ، في الوقت الحالي لدي قائمة منسدلة وأريد فقط إعادة التوجيه إلى عنوان url/page عند النقر ، لذلك حاولت استخدام الكود التالي ولكن لا يعمل

import { useRouter } from 'next/router'          
const Footer = () => {
    const router = useRouter()
    const handleClick = (e) => {
      e.preventDefault()
      router.push('/some-path')
    }
    ...
}

<select className="form-select mb-3" aria-label="Default select example">
                <option selected>English</option>
                <option value="1" onClick={handleClick}>Arabic - Coming Soon</option>
              </select>

هل يمكنكم مساعدتي؟

محمد المصري12 · 20 فبراير 2023

import { useRouter } from 'next/router'

const Footer = () => {
  const router = useRouter()

  const handleLanguageChange = (e) => {
    router.push(e.target.value)
  }

  return (
    <select className="form-select mb-3" aria-label="Default select example" onChange={handleLanguageChange}>
      <option value="/en" defaultValue>English</option>
      <option value="/ar">Arabic - Coming Soon</option>
    </select>
  )
}

export default Footer

تعذر إعادة التوجيه عند الضغط على عنصر من عناصر القائمة المنسدلة باستخدام Reactjs

السؤال

محمد لارافيل

1 جواب على هذا السؤال

Recommended Posts

محمد المصري12

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية