javascript - ReactJS - 如何在 map 函数中设置状态

Question

我得到了一个对象，里面有另一个对象，我需要像这样渲染 DOM:

• 事件
  • 门票 1
    • 批处理 1
      • 姓名
    • 批处理 2
      • 姓名
    • 批处理 3
      • 姓名
  • 门票 2
    • 批处理 1
      • 姓名
    • 批处理 2
      • 姓名

{ this.state.dates.map((date, i) =>
    <span className="event-date" key={i}>
     { date.date }
    </span>
    this.setState({tickets: date.tickets}) //Here, I need to update an object to map in another place
)}

./src/pages/Event/Event.js Syntax error: D:/YEAPPS/marketplace/pwa/src/pages/Event/Event.js: Unexpected token, expected , (54:32)

Click to see the object

Answer 1

不要在渲染函数中调用 setState，这会导致不必要的重新渲染，即不要在此处使用您的票证更新状态

使用其他生命周期 Hook 在组件内设置状态，例如componentDidMount，然后简单地映射您的 this.state.tickets.map()，或者像您已经在做的那样，this.state.dates.map()