javascript - React:未定义嵌套箭头函数
问题描述
出色地。我又把东西弄坏了。
所以这里的想法是我正在尝试创建一个箭头函数来显示一些数据,并且在这个过程中我的目标是在第一个中创建一个 SECOND 箭头函数来将一些数据映射到一个列表中但是事情已经坏了.
根据我的浏览器,serverInfoTabList
没有定义。
const VarInfo = (props) => {
serverInfoTabList = (var) => {
if (var != undefined){
return //mappingstuff {
//more var stuff
return (
<li
{var}
</li>
);
});
}
}
return (
props.var!= undefined ?
<div className={props.var}>
<h1>{props.var.map}</h1>
{/* <img src={props.var.image}/> */}
<div>
<ul>
{this.serverInfoTabList(props.var)}
</ul>
</div>
</div>
:
null
);
}
解决方案
改变
this.serverInfoTabList(props.var)
至
serverInfoTabList(props.var)
由于您定义了一个功能组件,因此您不需要this
在此特定上下文中使用。如果您将组件定义为一个类,那么您需要使用this
.
注意:不要var
用作变量名,因为这是 JavaScript 中的保留字。
推荐阅读
- python - Seaborn热图xticklabels水平对齐在顶部的ticklabels时不起作用
- node.js - 将 MongoDB 结果流式传输到 Express 响应
- python - 以几乎均匀采样的随机顺序迭代长迭代器,无需大量内存
- javascript - Vm 未定义 - 带有 vueCLI 的 vueJS
- amazon-web-services - 为什么我在 aws cognito 中签出没有撤销 lambda 中的访问令牌
- jdbc - Kafka JDBC 连接器 Sap 无法读取带有@“错误非法初始字符:@”的表
- java - 从 swagger 2 注释生成 openapi3 json 的 Maven 插件
- java - 如何在 Arduino 中手动找到我的 jssc 库
- sql - 如何在sql server中根据case条件执行两个查询
- nativescript - NativeScript FontAwesome 5 免费版在 iOS 中用纯字体覆盖常规字体