我在setState中调用此函数是否正确？[副本]

Question

我试图在反应应用程序中显示时间，并希望以12小时的格式显示。

我编写了一个函数，如果小时数显示为13或以上，则删除“12”。我想将该函数传递到setState，但仍然会得到一个语法错误。

setTimeDate() {
    const hours = currentDate.getHours()
    const min = currentDate.getMinutes()
    this.setState(formattedHours(prevState, this.props) {  
      time: `${hours}:${min}`
      }
    )
  }

formattedHours() {
  if(hours > 13) {
    afternoonHours = `${(hours - 12)} "PM"`
  } else {
    morningHours = `${hours} "AM"`
    }
 }

render() {
    const { time } = this.state
    return (
      <div className="showTime">
        { time }
      </div>
    )
  }

我希望看到下午1:31，但我只是在setState行中出现了语法错误。我无法忘记这一点。

除此之外，我在之前的状态下如何通过？

Answer 1

要传递前一个状态，您可以使用生命周期方法componentDidUpdate（prevProps，prevState），该方法接收prevState和prevProps作为参数，以便您可以在此处访问它们。