尝试遍历对象时出现意外令牌

Question

为什么会出现“分号的意外令牌错误。我正在尝试使用React和JSX遍历具有5个子对象的对象。该错误指向以下行。谢谢。

// API link
tag.src = "https://" + lang + ".wikipedia.org/w/api.php?action=opensearch&limit=10&format=json&callback=beforeYbComplete&search=" + term;

下面是我编码整个App.js文件的方式。

Object.keys(movies).map((movie) => console.log(movie.id)); 

Answer 1

遍历对象键时，可以使用[]表示法来访问值，因为Object.keys返回对象键的数组。

此外，由于h2元素已经是有效的{}，因此无需用JSX包装 class App extends Component { render() { return ( <div className="App"> <h2>{Object.keys(movies).map(movie => movies[movie].name) + " "}</h2> <h2>{Object.keys(users).map(user => users[user].userName) + " "}</h2> <h2> {Object.keys(profiles).map( profile => profiles[profile].favoriteMovieID ) + " "} </h2> </div> ); } } 元素。

@NamedQuery