Почему мой href не работает с основным компонентом (React)

Мой домен hzdigitalagency.com, поэтому в основном href указывает на внешний сайт. внешний сайт hzdigitalagency.dashclicks.com. всякий раз, когда я добавляю href к этому, он скорее пытается загрузить hzdigitalagency.com/hzdigitalagency.dashclicks.com, а не просто hzdigitalagency.dashclicks.com

Вот код компонента PrimaryButton

const PrimaryButton = (props) => {
  return (
    <>
    <a href = {props.link}>
        <button
        className = {styles.primaryButton}
        type = {props.type}>
            {props.children}
        </button>
    </a>
    </>
  )
}

Здесь я передаю реквизит ссылки для a href

<nav className='navbar'>
         <span><img src = {logo} alt='home' className='logo' /></span>
         <div className = {`menuMask ${isOpen && "open"}`} onClick = {navButtonHandler}></div>
         <div className = {`menuContainer ${isOpen && "open"}`}>
         <ul className = {`navitems ${isOpen && "open"}`}>
            <a href = "/" className='home'>
                <li>Home</li>
            </a>

            <Link style = {navLinksStyle} to='/whowehelp'>
                <li className='whoWeHelp'>Who We Help</li>
            </Link>

            <Link style = {navLinksStyle} to='/services'>
                <li className='services'>Services</li>
            </Link>

            <Link style = {navLinksStyle} to='/about'>
                <li className='about' >About</li>
            </Link>

            <Link style = {navLinksStyle} to='/caseStudy'>
                <li className='caseStudies'>Case Studies</li>
            </Link>

            <li>
               <PrimaryButton link = {'www.hzdigitalagency.dashclicks.com'}>Client Login</PrimaryButton>
            </li>

            <Link to= "/contact">
                <ContactButton>Contact</ContactButton>
            </Link>
         </ul>
         </div>

         <div className = {`navToggle ${isOpen && "open"}`}  onClick = {navButtonHandler}>
            <div className='bar'>
                
            </div>
         </div>
    </nav>

Я новичок в React, поэтому любые предложения о том, почему он не работает, будут очень полезны.

Я думаю, что это может ответить на ваш вопрос. stackoverflow.com/questions/31095759/…

mchowdam 09.04.2022 06:43

Нет, это совсем другой пост про совсем другое

Hadi Zouhbi 09.04.2022 15:22
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
2
19
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я думаю, вам нужно добавить https:// или http:// к реквизиту ссылки, например: link = {'http://www.hzdigitalagency.dashclicks.com'}. Это должно перенаправить вас за пределы вашего домена.

Другие вопросы по теме