Question

我不明白为什么会收到此错误：

TypeError: Cannot read property 'title' of undefined
Header.render
C:/CodingProjects/FirstReactProject/biochemicals/src/components/header/Header.js:28
  25 | <ul className="NavMenu">
  26 |   <HeaderDropDown
  27 |     name="Supplements"
> 28 |     firstChem={AlphaLipoicAcid.props.title}

我正在使用导入的这些组件渲染header.js：

import { HeaderDropDown } from "../header/HeaderItem";    
import { AlphaLipoicAcid } from "../chemicals/supplements/ALA";

这是嵌套在header.js渲染返回中的代码（以前经过渲染测试，它显示在浏览器中，所以我认为它成功地完成了到达那里的过程）：

 <HeaderDropDown
              name="Supplements"
              firstChem={AlphaLipoicAcid.props.title}
            />

＆嵌套在HeaderItem.js中的render返回中：

<button onClick={this.props.eventHandler}>
              {this.props.firstChem}
            </button>

我正在尝试将组件AlphaLipoicAcid的标题属性显示为HeaderDropDown组件的按钮元素的内部HTML，该属性在header.js的呈现器中返回，并呈现为DOM，但在顶部显示错误问题，谢谢您的帮助！

React道具无法作为属性值编译

0 个答案: