Как вы можете импортировать портфельные проекты в ответ?

Question

Я делаю портфолио с реагировать. Как я могу перейти к своим проектам через мой localhost: 3000? Они находятся в моей папке включенных, и проекты не сделаны с реакции. Кажется, это не то же самое, что использование XAMPP в качестве моего сервера.

Моя файловая структура:

-src -componets -sectionB.js -imports -myproject1 -index.php

Я пытаюсь перейти в свой проект с тегом <a> с этим кодом:

import React, { Component } from 'react';
import {BrowserRouter as Router, Route, Link} from 'react-router-dom'

class Card extends Component {
  render() {
    return (

        <a className="proj-card" href={this.props.href}>
          <h2>{this.props.projName}</h2>
          <img src={this.props.img}/>
          <span>Technolgies: ({this.props.tech})</span>
          <p>{this.props.projdesc}</p>
        </a>
    )
  }
}

class SectionB extends Component {
  render() {
    return (
      <div className="sectionB">

        <Card projdesc={...} img={...} tech="..." projName="..." href="./imports/calendar2/index.php"/>

      </div>
    )
  }
}


export default SectionB;

Почему это не направляет URL в мой проект?

Answer 1

Я думаю, что вы должны использовать Link от Reaction-router-dom. Это может быть местом для начала. И что происходит, когда вы меняете:

<Card projdesc={...} img={...} tech="..." projName="..." href="./imports/calendar2/index.php"/>

до

<Card projdesc={...} img={...} tech="..." projName="..." href="../imports/calendar2/index.php"/>