主页 / 问题 / 1178576
Accepted
maks-maks157
Asked:2020-09-16 00:05:18 +0800 CST2020-09-16 00:05:18 +0800 CST

map 方法不起作用，React JS 错误

  • 772

帮助解决问题。

我正在尝试显示对象的元素state：

class App extends Component {    
  state = {
    arr: ['one', 'two', 'three']
  }    
  render() {
    return (
    <div>
      { this.state.arr.map((item, index) => {
        <div></div>
      })}
    </div>
  )}
}

export default App;

我得到一个错误：

Expected an assignment or function call and instead saw an 
expression  no-unused-expressions. 
Search for the keywords to learn more about each error.
javascript

1 个回答

  1. Best Answer

    您忘记添加return是因为map 方法应该返回一个新数组：

    {this.state.arr.map((item, index) => {
  return <div></div>
})}

// или поменять фигурные скобки на круглые

{this.state.arr.map((item, index) => (
  <div></div>
))}

// или отказаться от скобок вообще

{this.state.arr.map((item, index) => <div></div>)}
    • 2

相关问题