为什么总报错

为什么总报错

import React, { Component } from 'react';

import reactDom from 'react-dom';

import { BrowserRouterRouterLink } from 'react-router-dom';

import NewList from './newList'

import newButton from './newButton'

import 'antd/dist/antd.css';


class Entry extends Component {

    render() {

        return (

            <BrowserRouter>

                <div>

                    <Router path='./list' component={NewList} />

                    <Router path='./newButton' component={newButton} />

                </div>

            </BrowserRouter>

        )

    }

}


reactDom.render(<Entry />document.getElementById('root'))


http://img1.sycdn.imooc.com//climg/60d1e34e0999dd1511060984.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

5回答

同学你好,解答如下:

1、第一个警告是提示生命周期改名了,componentWillReceiveProps改成了,UNSAFE_componentWillReceiveProps。虽然改名了原来的名字还是可以正常使用的。

2、第二个看提示是antd的警告,猜测可能和版本有关系。

3、第三个提示img要加上alt属性,同学可以加上之后再测试下。

项目出现警告是正常的,只要不影响项目的运行就可以。

如果同学还有其他问题,可以新建一个提问,方便同学后期整理与查找,祝学习愉快~


好帮手慕言 2021-06-24 10:37:12

同学你好,老师这边没有复现出和同学一样的问题,没有办法准确的给出解决方法,建议:先忽略下划线的问题,继续往下学习,如果有语法错误,页面和命令行会给出提示的,祝学习愉快~

  • 提问者 leepulse #1

    http://img1.sycdn.imooc.com//climg/60d3f89d09335c7219200990.jpg

    控制台这里有一大堆警告是什么意思?

    2021-06-24 11:14:58
好帮手慕言 2021-06-23 15:14:21

同学你好,老师这边使用同学提供的代码测试,引入antd时,没有出现下划线,如下:
http://img1.sycdn.imooc.com//climg/60d2dd9b09b7893705020166.jpg

没有复现出和同学一样的问题,老师不能准确的定位到问题,可以按照下方方式操作一下,看能不能解决

http://img1.sycdn.imooc.com//climg/60d2de7609bc221803490585.jpg

http://img1.sycdn.imooc.com//climg/60d2de7e0948529005190216.jpg

http://img1.sycdn.imooc.com//climg/60d2de8709a6812d04580048.jpg

如果还是不可以,建议先不管下划线问题,只要项目可以正常运行即可。如果项目中有语法错误,在页面上会有提示的,而且项目也不能正常运行。

祝学习愉快~

  • 提问者 leepulse #1
    还是会有下划线
    2021-06-24 06:59:57
好帮手慕言 2021-06-23 11:23:59

同学你好,可能是vscode编辑器的一些提示,如果不影响项目的运行,可以不用理会,祝学习愉快~

  • 提问者 leepulse #1

    但有时候可能真是语法问题,这样在先问题时会造成误解,有没什么办法

    2021-06-23 12:24:56
好帮手慕言 2021-06-23 10:36:45

同学你好,参考如下:

1、单词写的不对,多了一个字母r,正确的写法是Route,代码参考:
http://img1.sycdn.imooc.com//climg/60d29dc409f1440808940069.jpg

http://img1.sycdn.imooc.com//climg/60d29ddc0911cb6b02920216.jpg

2、path的属性值不需要加点,代码修改如下:
http://img1.sycdn.imooc.com//climg/60d29e190901f0bb07930217.jpg

祝学习愉快~

  • 提问者 leepulse #1

    这个问题我决定了,但在vscode里,antd也报错,下面有下划线,但运行项目正常,这又为什么?

    2021-06-23 10:39:46
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师