我试图在React中映射一个非常简单的数组,但总是收到
Expected an assignment or function call and instead saw an expression no-unused-expressions
这是代码
render() {
const arr = [1, 2, 3, 4, 5];
return (
<div>
<ul>
<li>{this.state.amount}</li>
{arr.map((e) => {
<li key={e}>
{e}
</li>
})}
</ul>
</div>
);
}
对我来说,所有教程和示例中的内容都看起来像 https://reactjs.org/docs/lists-and-keys.html
答案 0 :(得分:1)
地图中缺少返回语句:
render() {
const arr = [1, 2, 3, 4, 5];
return (
<div>
<ul>
<li>{this.state.amount}</li>
{arr.map((e) => {
return <li key={e}>
{e}
</li>
})}
</ul>
</div>
);
}
答案 1 :(得分:1)
我认为,如果在render中调用map(),则更容易跟踪事物。
render(){
const arr = [1, 2, 3, 4, 5];
let listItem = arr.map(each =>{
return(
<li key = {e}>
{e}
</li>)
})
return (
<div>
<ul>
<li>{this.state.amount}</li>
{listItem}
</ul>
</div>
);