arrays - 如何在反应的功能组件中获取数组长度
问题描述
需要一些帮助来获取功能性反应组件中的数组长度。当我在类组件中执行此操作时,它可以工作:
class SomeComponent extends Component{
render() {
const someVar = this.props && this.props.arrayName && this.props.arrayName.length
return (
<div>{someVar}</div>
)
}
}
但是,如果我尝试在功能类中做同样的事情,它就行不通
const myComponent = ({users}, props) => {
const someVar = props && props.arrayName && props.arrayName.length
return(
<div>{someVar}</div>
)
}
第一个显示变量的长度,但第二个没有显示任何内容。有人知道该怎么做吗?非常感谢您的帮助。
解决方案
试试这个 props?.arrayName?.length
推荐阅读
- r - ggplot 重新排序在填充选项中指定的变量
- python - 仅从空行分隔文件中解析选定的记录
- xslt - 继续在单个跨度中合并多个跨度文本 - XSLT
- javascript - 如何将新数据添加到 geoJson 文件?
- java - 用于外部类的 Java 单个文件
- python-3.x - 当我从 sqlite 检索数据时,我没有收到这样的表错误?(Python 3.x)
import sqlite3 import pandas as pd a=sqlite3.connect('database.sqlite') b=pd.read_sql_query(''' SELECT * FROM Reviews ''',a)
我是否以错误的方式检索我的数据?请帮帮我!而 'Reviews' 是表的名称,而 'dat
- android - 任务':app:processReleaseManifest'的Flutter执行失败
- javascript - 通过 Mui Datatable 在 React 中重复编辑和删除按钮
- php - WooCommerce:有条件地隐藏产品属性
- android - MediaScannerConnection.scanFile() 返回空 uri