意想不到的错误是我一生无法找到的

Question

我在此功能中找不到意外的令牌错误以挽救我的生命。该错误特别指出，它发生在{在其他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呼叫上的关闭Paren。

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

第二，您不能在return和返回的内容之间有新的界限。因此，正如您写的那样，SetState Call永远不会开火，它将返回未定义。

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