26
4
I'm getting an error while calling the function, this is just for practice so I have kept everything inside App.tsx. my function looks like this.
Coomonly I think array.map() can use typescript but It seems different than I thought. The HTMLElement generated with this map was not displayed on the screen.
我在调用函数时遇到错误，这只是为了练习，所以我将所有内容都保存在App.tsx中。我的函数如下所示。Coomonly我认为array.map()可以使用类型脚本，但它似乎与我想象的不同。使用此地图生成的HTMLElement未显示在屏幕上。
anyone know how to fix it?
有人知道怎么修吗？
个人中心
文章发布
退出import * as React from 'react';
export default function KeyLists() {
let keyList = ['a', 'b', 'c']
return (
<div>
{keyList && keyList.forEach((key)=>{
<li>{key}</li>
})} // I got an vscode alert.
</div>
)
}
TypeScript said.
打字稿说。
Type 'void' is not assignable to type 'ReactNode'.ts(2322)
index.d.ts(1421, 9): The expected type comes from property 'children' which is declared here on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'
My Package.json
我的Package.json
{
"private": true,
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start",
"typecheck": "tsc",
"lint-fix": "eslint --fix './{lib,src,test}/**/*.{ts,tsx}' && prettier --write './{lib,src,test}/**/*.{ts,tsx}'"
},
"dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.14.8",
"@mui/material": "^5.14.8",
"classnames": "^2.3.1",
"date-fns": "^2.28.0",
"gray-matter": "^4.0.3",
"microcms-js-sdk": "^2.5.0",
"next": "latest",
"prettier": "^3.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"remark": "^14.0.2",
"remark-html": "^15.0.1",
"sass": "^1.66.1",
"typescript": "^4.7.4"
},
"devDependencies": {
"@types/node": "^18.0.3",
"@types/react": "^18.0.15",
"@types/react-dom": "^18.0.6",
"@typescript-eslint/eslint-plugin": "^6.6.0",
"@typescript-eslint/parser": "^6.6.0",
"autoprefixer": "^10.4.7",
"eslint": "^8.49.0",
"eslint-config-prettier": "^9.0.0",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"postcss": "^8.4.14",
"tailwindcss": "^3.1.4"
}
}
You're not using map...
您没有使用地图...
Your code snippet has two problems.
您的代码片段有两个问题。
.map() function in code like this. The reason "nothing is displayed on the screen" is that your callback function returns nothing. The correct version looks this way:{keyList && keyList.map((key) => (
<li>{key}</li>
))}
Notice {} are replaced with ();
通知{}替换为()；
As a side note: Don't forget to add special prop key to list items:
作为一个侧记：不要忘记添加特殊道具键列表项目：
{keyList && keyList.map((key) => (
<li key={key}>{key}</li>
))}
.forEach() function returns void. But React.ReactNode type is declared in such a way that it accepts null or undefined, but not void.That makes sense. Thanks, I solved it by your code.
这事儿可以理解。谢谢，我用你的密码解决了。
26
4
0
在 C 中: int a[10]; printf("%p\n", a); printf("%p\n", &a[0]); 产量: 0x7fff5606c600 0x7fff5606c600 这是我所期望
我一直在尝试运行此循环来更改基于数组的元素的位置，但出现以下错误。不太确定哪里出了问题。任何想法或想法!谢谢。 var population = [[98, 8, 45, 34, 56], [9, 1
我正在尝试获取一个 Ruby 数组数组并将其分组以计算其值。 数组有一个月份和一个 bool 值: array = [["June", false], ["June", false], ["June"
所以我们的目标是在遇到某个元素时将数组分割成子数组下面的示例 array.split("stop here") ["haii", "keep", "these in the same array bu
在this问题已经回答了两个表达式是相等的，但在这种情况下它们会产生不同的结果。对于给定的 int[] 分数，为什么会这样: Arrays.stream(scores) .forEac
我认为我需要的是哈希数组的数组，但我不知道如何制作它。 Perl 能做到吗？ 如果是这样，代码会是什么样子？ 最佳答案 perldoc perldsc是了解 Perl 数据结构的好文档。 关于arra
我遇到了这个问题，从 API 中我得到一个扩展 JSON，其中包含一个名为坐标的对象，该对象是一个包含数组 o 数组的数组。 为了更清楚地看这个例子: "coordinates": [
postgres 中有(v 9.5，如果重要的话): create table json_test( id varchar NOT NULL, data jsonb NOT NULL, PRIM
我用 echo "${array[@]}" 和 echo "${array[*]}" 得到了相同的结果。 如果我这样做: mkdir 假音乐； touch fakemusic/{Beatles,Sto
我正在尝试创建 typealias 对象的数组数组 - 但我收到“表达式类型不明确，没有更多上下文”编译错误。这是我的代码: typealias TestClosure = ((message: St
如果您在 Python 中创建一维数组，使用 NumPy 包有什么好处吗？ 最佳答案 这完全取决于您打算如何处理数组。如果您所做的只是创建简单数据类型的数组并进行 I/O，array模块就可以了。 另
当我将数组推送到只有一个数组作为其唯一元素的数组数组时，为什么会得到这种数据结构？ use v6; my @d = ( [ 1 .. 3 ] ); @d.push( [ 4 .. 6 ] ); @d.
在 Julia 中，我想将定义为二维数组向量的数据转换为二维矩阵数组。 如下例所述，我想把数据s转换成数据t，但是至今没有成功。 我该如何处理这个案子？ julia> s = [[1 2 3], [4
C 没有elementsof 关键字来获取数组的元素数。所以这通常由计算 sizeof(Array)/sizeof(Array[0]) 代替但这需要重复数组变量名。1[&Array] 是指向数组后第一
所以，假设我有一个像这样的(愚蠢的)函数: function doSomething(input: number|string): boolean { if (input === 42 || in
我有以下数组: a = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16] 我将它用于一些像这样的视觉内容: 1 2 3 4 5 6 7 8 9 10
我想知道数组中的 .toList 与 .to[List] 之间有什么区别。我在spark-shell中做了这个测试，结果没有区别，但我不知道用什么更好。任何意见？ scala> val l = Arr
我很难获得完全相同对象的多个元素的当前元素索引: $b = "A","D","B","D","C","E","D","F" $b | ? { $_ -contains "D" } 替代版本: $b =
我正在尝试使用来自我的 API 的 v-select 执行 options，我将数据放在数组数组中。 Array which I got from API 它应该是一个带有搜索的 select，因为它
这个问题在这里已经有了答案: String literals: pointer vs. char array (1 个回答) 4 个月前关闭。 当我执行下一个代码时 int main() {
我是一名优秀的程序员,十分优秀！