reactjs错误：TypeError：无法读取未定义的属性“ props”

令人心碎的年龄

我正在从一些课程/视频中学习reactjs，到目前为止，我真的很不满意，我检查了几次，但看不到错误。因此我无法理解此错误。有人可以帮忙吗？这是我的代码：

import React, { useState } from 'react';
import CartSummary from './CartSummary'


import CategoryList from './CategoryList'
import ProductList from './ProductList'
import {
  Collapse,
  Navbar,
  NavbarToggler,
  NavbarBrand,
  Nav,
  NavItem,
  NavLink,
  UncontrolledDropdown,
  DropdownToggle,
  DropdownMenu,
  DropdownItem,
  NavbarText
} from 'reactstrap';

const Navi = (props) => {
  const [isOpen, setIsOpen] = useState(false);

  const toggle = () => setIsOpen(!isOpen);

  return (
    <div>
      <Navbar color="light" light expand="md">
        <NavbarBrand href="/">Nortwind App</NavbarBrand>
        <NavbarToggler onClick={toggle} />
        <Collapse isOpen={isOpen} navbar>
          <Nav className="mr-auto" navbar>
            <NavItem>
              <NavLink href="/components/">Components</NavLink>
            </NavItem>
            <NavItem>
              <NavLink href="https://github.com/reactstrap/reactstrap">GitHub</NavLink>
            </NavItem>
            <CartSummary cart={this.props.cart}></CartSummary>
          </Nav>
          <NavbarText>Simple Text</NavbarText>
        </Collapse>
      </Navbar>
    </div>
  );
}

export default Navi;

这是错误：

 37 |     <NavItem>
  38 |       <NavLink href="https://github.com/reactstrap/reactstrap">GitHub</NavLink>
  39 |     </NavItem>
> 40 |     <CartSummary cart={this.props.cart}></CartSummary>
     | ^  41 |   </Nav>
  42 |   <NavbarText>Simple Text</NavbarText>
  43 | </Collapse>

那有人可以帮我吗？

霍瓦基米扬

问题在这条线

<CartSummary cart={this.props.cart}></CartSummary>

在这里你需要写

<CartSummary cart={props.cart}></CartSummary> 使用功能组件时

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。