Блог

Главная - Вопросы по программированию - Можете ли вы решить мою проблему, ссылка не работает, но когда я копирую и вставляю ссылку с консоли, она работает?

Можете ли вы решить мою проблему, ссылка не работает, но когда я копирую и вставляю ссылку с консоли, она работает?

#mern

Вопрос:

ссылка не работает <Ссылка href={ /blog/detail?id=${blog._id} }.

  { data amp;amp; data.map((blog) => (
           
            <div className="col-12 col-lg-3 mb-6 mb-lg-0" key={blog._id}>
                {/* Blog Card */}
                <div className="card border-0 bg-transparent">
                    {/* <div className="position-absolute bg-white shadow-primary text-center p-2 rounded ml-3 mt-3">15
                        <br/>July
                    </div> */}
                    {/*<img className="card-img-top shadow rounded" src={`${blog.productImages[0]}`} alt="Image"/>*/}
                    <Link href={`/blog/detail?id=${blog._id}`}><img className="card-img-top shadow rounded_img" style={{height: "170px", width: "253px"}} src={BASE_URL blog.productImages[0]} alt="Img"/></Link>

Ответ №1:

В HTML-ссылках используйте <a> элемент не ссылка, попробуйте заменить последнюю строку на:

 <a href={`/blog/detail?id=${blog._id}`}><img className="card-img-top shadow rounded_img" style={{height: "170px", width: "253px"}} src={BASE_URL blog.productImages[0]} alt="Img"/></a>

Смотрите здесь:
https://www.w3schools.com/tags/tag_a.asp

Кроме того, попробуйте заменить имя класса на class во всем коде.

Метки: , , ,