javascript - UnexpectedToken 我一辈子都找不到的错误

Question

我无法在这个函数中找到意外的 token 错误来挽救我的生命。该错误明确指出它发生在 else if 语句之前的 { 上。说它需要一个逗号，但我不明白如何或为什么？这一定是一件非常愚蠢的事情。

onInputBlur = (event) => {
let input = event.currentTarget,
    { styles } = this.props,
    fontSize = styles.placeholder.fontSize || 10,
    top = styles.placeholder.top || 4

if(input.id === 'zip' && input.split('').length <= 4){
  return
    this.setState(state =>({
      ...state.inputCSS,
      border: '1px solid red'
    })
} else if (input.id === 'zip' && input.split('').length ){
      return
        this.setState(state => {
          ...state.inputCSS,
          border: '1px solid green'
        })
    }

    console.log(this.state.inputCSS)
}

Answer 1

有两件事:

发生语法错误是因为您在 setState 调用中缺少右括号。

this.setState(state =>({
      ...state.inputCSS,
      border: '1px solid red'
  })) // <--- neeeds one more!

其次，return 和您要返回的内容之间不能有新行。因此，正如您所写，setState 调用永远不会触发，它只会返回未定义。

return this.setState(state => ({
  ...state.inputCSS,
  border: '1px solid red'
}))