Javascript 无法读取属性'；0'；mdbreact中未定义的

嘿，伙计们，我正在使用mdbreact制作购物车，但我有一些错误。 我正在使用本节中的代码： 这是我的代码：

从“React”导入React；
从“mdbreact”导入{MDBRow、MDBCol、MDBCard、MDBCardImage、MDBCardBody、MDBCardTitle、MDBCardText、MDBCardFooter、MDBIcon、MDBTooltip}；
常量项=（）=>{
返回(
我们的畅销书

Lorem ipsum dolor sit amet，Concetetur Adipising Elite.Fugit，
错误amet numquam iure provident voluptate esse QUISE，veritatis
这是一个非常有趣的故事。















这是一个很好的例子。
49美元
);
}
导出默认项错误出现在您的
MDBTooltip
实现中。从中，组件似乎需要两个子项，第一个子项是工具提示所附加的内容，第二个子项是内容

从“React”导入React；
从“mdbreact”导入{MDBBtn、MDBRow、MDBCol、MDBCard、MDBCardImage、MDBCardBody、MDBCardTitle、MDBCardText、MDBCardFooter、MDBIcon、MDBTooltip}；
常量项=（）=>{
返回(
我们的畅销书

Lorem ipsum dolor sit amet，Concetetur Adipising Elite.Fugit，
错误amet numquam iure provident voluptate esse QUISE，veritatis
这是一个非常有趣的故事。















这是一个很好的例子。
49美元
工具提示按钮
工具提示内容
工具提示按钮
工具提示内容
工具提示按钮
工具提示内容
);
}
导出默认项；
我尝试了另一个没有工具提示的示例，但仍然是相同的错误@聖杯ツグミ 我更新了我的答案，包括了所有你的代码和我建议的更正。单击该链接以查看其功能。
import React from "react";
import { MDBBtn, MDBRow, MDBCol, MDBCard, MDBCardImage, MDBCardBody, MDBCardTitle, MDBCardText, MDBCardFooter, MDBIcon, MDBTooltip } from "mdbreact";

const Item = () => {
  return (
    <section className="text-center my-5">
      <h2 className="h1-responsive font-weight-bold text-center my-5">
        Our bestsellers
      </h2>
      <p className="grey-text text-center w-responsive mx-auto mb-5">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit,
        error amet numquam iure provident voluptate esse quasi, veritatis
        totam voluptas nostrum quisquam eum porro a pariatur veniam.
      </p>
      <MDBRow>
        <MDBCol lg="3" md="6" className="mb-lg-0 mb-4">
          <MDBCard cascade narrow ecommerce>
            <MDBCardImage
              cascade
              src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Vertical/1.jpg"
              top
              alt="sample photo"
              overlay="white-slight"
            />
            <MDBCardBody cascade className="text-center">
              <a href="#!" className="grey-text">
                <h5>Denim</h5>
              </a>
              <MDBCardTitle>
                <strong>
                  <a href="#!">Denim trousers</a>
                </strong>
              </MDBCardTitle>
              <ul className="rating">
                <li>
                  <MDBIcon icon="star" />
                </li>
                <li>
                  <MDBIcon icon="star" />
                </li>
                <li>
                  <MDBIcon icon="star" />
                </li>
                <li>
                  <MDBIcon icon="star" />
                </li>
                <li>
                  <MDBIcon far icon="star" />
                </li>
              </ul>
              <MDBCardText>
                Neque porro quisquam est, qui dolorem ipsum quia dolor sit.
              </MDBCardText>
              <MDBCardFooter className="px-1">
                <span className="float-left font-weight-bold">
                  <strong>49$</strong>
                </span>
                <span className="float-right">
                  <MDBTooltip
                    placement="top"
                    tag="a"
                    component="i"
                    componentClass="fa fa-shopping-cart grey-text ml-3"
                    tooltipContent="Add to cart"
                  >
                    <MDBBtn>Tooltip button</MDBBtn>
                    <div>
                      Tooltip content
                    </div>
                  </MDBTooltip>
                  <MDBTooltip
                    placement="top"
                    tag="a"
                    component="i"
                    componentClass="fa fa-share-alt grey-text ml-3"
                    tooltipContent="Share"
                  >
                  <MDBBtn>Tooltip button</MDBBtn>
                    <div>
                      Tooltip content
                    </div>
                  </MDBTooltip>
                  <MDBTooltip
                    placement="top"
                    tag="a"
                    component="i"
                    className="active"
                    componentClass="fa fa-heart ml-3"
                    tooltipContent="Added to watchlist"
                  >
                  <MDBBtn>Tooltip button</MDBBtn>
                    <div>
                      Tooltip  content
                    </div>
                  </MDBTooltip>
                </span>
              </MDBCardFooter>
            </MDBCardBody>
          </MDBCard>
        </MDBCol>
      </MDBRow>
    </section>
  );
}

export default Item;