Можешь объяснить, как работает в данном случае тер

Можешь объяснить, как работает в данном случае тернарное выражение:


handleCardClick = () => {
    this.setState({
        done: !this.state?.done,
      })
  }

Не понимаю почему перед .done стоит точка.