为什么编译器不能读取从'../addMore/addMore'导入的addMore?
P粉463824410
P粉463824410 2023-08-17 15:20:19
[React讨论组]
<p>我想要添加一个组件 'addMore',但是编译器不识别它。我漏掉了什么?请帮忙。</p> <p><br /></p> <pre class="brush:js;toolbar:false;">import React from 'react' import { MdDeleteForever } from 'react-icons/md' import addMore from '../addMore/addMore' import './ShoppingCardItem.css' export default function ShoppingCardItem() { return ( &lt;div className='shoppingCardItem-Container'&gt; &lt;img src="./img/Apfel.jpg" alt="" /&gt; &lt;p&gt;2x Apfel&lt;/p&gt; &lt;addMore /&gt; &lt;MdDeleteForever /&gt; &lt;/div&gt; ) }</pre> <p><br /></p> <p><br /></p> <pre class="brush:js;toolbar:false;">import React from 'react' export default function addMore() { return ( &lt;div className="btn-group"&gt; &lt;button type="button" className="btn btn-primary"&gt;+&lt;/button&gt; &lt;button type="button" className="btn btn-primary"&gt;-&lt;/button&gt; &lt;/div&gt; ) }</pre> <p><br /></p>
P粉463824410
P粉463824410

全部回复(1)
P粉358281574

组件名称必须以大写字母开头。将文件名addMore.jsx重命名为AddMore.jsx,并且还要更改导入路径。查看此信息请访问React.dev功能组件

// ShoppingCardItem.jsx

import React from 'react'
import { MdDeleteForever } from 'react-icons/md'
import AddMorefrom '../AddMore/AddMore'
import './ShoppingCardItem.css'


export default function ShoppingCardItem() {

  return (
    <div className='shoppingCardItem-Container'>
        <img src="./img/Apfel.jpg" alt="" />
        <p>2x Apfel</p>
        <AddMore/>
        <MdDeleteForever />
        
    </div>
  )
}
// AddMore.jsx

import React from 'react'

export default function AddMore() {
  return (
    <div className="btn-group">
        <button type="button" className="btn btn-primary">+</button>
        <button type="button" className="btn btn-primary">-</button>
    </div>
  )
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号