美文网首页
补充9: react一些易错点

补充9: react一些易错点

作者: ImmortalSummer | 来源:发表于2020-03-03 15:34 被阅读0次

1. react不支持img使用相对路径

react img中的src不支持直接赋值相对路径,即不支持
<img src='./../image/icon.png'/>

需要使用 import或者 require 引入本地图片

使用import

import imgurl from './../image/icon.png'
// ...
<img src={imgurl}/>

使用require

<img src={require('./../image/icon.png') />

2. react组件名称必须大写首字母

import myItemView from './myItemView'

//...

render(){
  return(<myItemView/>)
};

报错:*** is using incorrect casing,...

改写:

import MyItemView from './myItemView'

//...

render(){
  return(<MyItemView/>)
};

3. import 引入必须卸载所有代码前边.

错误代码

import { lazy } from 'react';
import React from 'react'
import { connect } from 'react-redux'

const ShareSurplusPage = lazy(()=>import('./shareSurplusPage'));
import styles from './mianPage.module.scss'

正确写法

import { lazy } from 'react';
import React from 'react'
import { connect } from 'react-redux'

import styles from './mianPage.module.scss'

const ShareSurplusPage = lazy(()=>import('./shareSurplusPage'));

相关文章

  • 补充9: react一些易错点

    1. react不支持img使用相对路径 react img中的src不支持直接赋值相对路径,即不支持 需要使用 ...

  • React 易错点

    1. css的模块化 2. setState合并 3. 新的生命周期函数(16.3) 参考: https://ju...

  • 易错点

    rate_ave=1042.00/793 而非rate_ave=1042/793if rate>=rate_av...

  • 易错点

    泛型 泛型约束使用extends而非implements 泛型类型没有多态的说法,所以出现了?通配符 泛型方法必须...

  • 9.小程序易错点

    1.定时器的问题,占了很大内存。把时间设置长一点就可以了(修改时间过短,导致页面加载很慢)。导致出现切换题目的时候...

  • 四级备考笔记

    易错点 NOT!!

  • 反例教学

    中段测试以后,针对孩子们的一个个易错点一直在思考课堂上该如何组织教学,让孩子能够牢牢记住一些易错的点,如一些...

  • React 易错点整理

    1、render()函数里面的return关键字后面的代码必须在()内包括,否则会报错! 2、ES6里面的箭头函数...

  • 欠揍的记忆力

    为什么孩子们在默写古诗词、补充名言、谚语的时候,那些强调一万遍不该错的易错字还是会错?为什么?明知道那个司机易...

  • php的一些易错点

    1.单引号与双引号的区别 一般用单引号或双引号标识一个字符串。单引号串与双引号串,在PHP中的处理是不同的。双引号...

网友评论

      本文标题:补充9: react一些易错点

      本文链接:https://www.haomeiwen.com/subject/mmlhlhtx.html