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'));
网友评论