在 vscode 上使用 react 时我没有收到任何错误

Question

I'm using vscode and I'm trying to learn react.

This what it shows me:

This code can't run because I don't access to item, but it show me no error...

I started watch video about react and this how it supposed to look like, as it on his computer:

EDIT: I've installed eslint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

and now it show me the error.

Answer 1

Your variable item is not defined. You need to define that previously.

Also, in your context the key prop on your first div is not needed, as you're not looping through an array of elements and rendering DOM elements for them.

Answer 2

在 Card 组件的第一行进行以下更改： const Card=({item})=>{ ... }