Можно ли использовать response-router-dom для динамической навигации по различным локальным хостам? - PullRequest
0 голосов
/ 26 февраля 2020

У меня есть веб-приложение, которое сейчас запущено через localhost:3002. В этом веб-приложении я использую карты от reactstrap, и на этой карте есть ссылка, которую я импортирую из import { Link } from 'react-router-dom'; Я использую эту ссылку на go на указанную c подробную страницу приложения.

Вопрос: У меня параллельно другое приложение, работающее на localhost:5000, которое является системой входа в систему. Могу ли я go из описанного мной в описанной карте *1034* в другое приложение, чей локальный хост равен 5000, с помощью кнопки под надписью "ПРОЕКТНЫЕ СПЕЦЫ"?

specs

Ниже приведен фрагмент кода:

import React from 'react';
import { Card, CardTitle, CardSubtitle, CardText, CardBody, CardImg } from 'reactstrap';
import { Link } from 'react-router-dom';

<CardTitle>
    <h3 className="thick">{ship.name}</h3>
</CardTitle>

<CardText>
    <h6>Project Details</h6>
    <p>For a description of the project view the specification included</p>
</CardText>
<div class="btn-toolbar">
    <Link to="/localhost:5000/login" className="btn btn-primary mr-3">
    Go to Specs
    </Link>
    <Link to={`/vessels/${ship.slug}`} className="btn btn-primary">
Go to vessels
</Link>
</div>

Что я уже сделал:

1) С это post Я смог правильно установить react-router-dom и фактически работает правильно.

2) Я попытался связать его с другим localhost:5000, потому что, когда я связал его с указанным c страница, уже присутствующая в моем приложении, это сработало бы, просто набрав <Link to="/localhost:5000/" className="btn btn-primary mr-3">, к сожалению, это не сработало.

3) Я наткнулся на это тоже , что было полезно понять, как перемещаться по страницам, но не через другой localhost

1 Ответ

2 голосов
/ 26 февраля 2020

Компонент Link реагирующего маршрутизатора-dom предназначен для связи с маршрутами внутри вашего приложения. Для внешней ссылки вы можете просто использовать тег HTML 'a': <a href="http://localhost:5000" className="btn btn-primary mr-3">

Дополнительная информация и другие возможные обходные пути:

https://github.com/ReactTraining/react-router/issues/1147

Перенаправление на сторонний URL-адрес с использованием response-router-dom

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...