会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132376个问题
WEB前端全系列/第十一阶段:前端工程化/Webpack 7801楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Docker 7803楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 7804楼

错误1.png

老师,请问我的终端怎么没有显示结果呢

Python 全系列/第五阶段:数据库编程/python操作mysql 7805楼
JAVA 全系列/第五阶段:JavaWeb开发/Servlet技术详解 7806楼
JAVA 全系列/第十四阶段:海量数据存储与查询/MyCat(旧) 7810楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Docker 7811楼

老师,把最外边的index.js的严格模式去掉就能出现页面了,但是我的只能是adout和home出来,news出不来

//Layout.jsx
import React, { Component } from 'react'
import {HashRouter,Route,Switch} from "react-router-dom"
import Home from '../views/Home'
import About from '../views/About'
import News from '../views/News'
import NotFound from '../views/NotFound'
import NavMain from '../components/NavMain'
export default class Layout extends Component {
  render() {
    return (
     <HashRouter>
        <NavMain></NavMain>
        <Switch>
          <Route path='/about' component={About}></Route>
          <Route exact path='/' component={Home}></Route>
          <Route path="/news" components={News}></Route>
          <Route component={NotFound}></Route>
          {/* 404一定放在最下面,两种方式都可以 */}
          {/* <Route path="*" component={NotFound}></Route> */}
        </Switch>
     </HashRouter>
    )
  }
}
index.jsx
import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import "./style.css"
export default class NavMain extends Component {
  render() {
    return (
        <div className='nav'>
            <ul>
                <li><NavLink activeClassName='selected' exact to="/">首页</NavLink></li>
                <li><NavLink activeClassName='selected' to="/about">关于</NavLink></li>
                <li><NavLink activeClassName='selected' activeStyle={{color:"green",fonSize:"30px"}} to="/news">新闻</NavLink></li>
                {/* link在浏览器中会渲染成a标签,不建议直接写a,会损失Link特性 */}
            </ul>
        </div>
    )
  }
}


WEB前端全系列/第十四阶段:React知识体系/React路由 7812楼
WEB前端全系列/第十四阶段:React知识体系/React路由 7813楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Docker 7814楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器 7815楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637