too4_
2022-06-29 11:37
采纳率: 100%
浏览 20

react栅格组件使用img标签报错

问题遇到的现象和发生背景

今天在react项目用到栅格时出现了问题,在col中一加上img标签就会报错

问题相关代码,请勿粘贴截图
import { Row } from '@b-design/antd';

 <Row className={styles.contentrow}>
            {content.map((item, i) => {
              const { name, info, depart, date, icon } = item;
              return (
                <col span={8} className={styles.contentcol}>
                  <img src={icon} style={{ height: '50px', width: '50px' }} />
                  {/* <h2>{name}</h2>
                  <p>{info}</p> */}
                </col>
              );
            })}
     </Row>


运行结果及报错内容

img

img

我的解答思路和尝试过的方法

把img标签注释掉后页面就正常了,加上后会崩溃

我想要达到的结果

在col中不能使用img标签吗,还是需要加上什么

2条回答 默认 最新

相关推荐 更多相似问题