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;

为什么这不会将网址指向我的项目？

Answer 1

我认为你应该使用react-router-dom中的Link。这可能是一个开始的地方。当你改变时会发生什么：

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

到

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

如何进行投资组合项目？

1 个答案: