Состояние реакции не работает для входа / выхода

Question

Я использую конструкторы здесь, в React. Я использую тернарный оператор, чтобы определить, вошел ли пользователь в систему или нет. Просто симуляция.

import React from "react"

class App extends React.Component {
    constructor() {
        super()
        this.state = {
            isLoggedIn = true
        }
    }
    
    render(){
           return (
        <div>
            <h1>You are currently logged {this.state.isLoggedIn ? 'In' : 'Out'}</h1>
        </div>
    )       
    }
 
}

export default App

Где я ошибся?

Answer 1

Ваш синтаксис для инициализации состояния неверен, состояние является объектом, поэтому вы должны использовать ':' not '=':

import React from "react"

class App extends React.Component {
    constructor() {
        super()
        this.state = {
            isLoggedIn: true
        }
    }
    
    render(){
           return (
        <div>
            <h1>You are currently logged {this.state.isLoggedIn ? 'In' : 'Out'}</h1>
        </div>
    )       
    }
 
}

export default App

Answer 2

this.state = {
            isLoggedIn: true
        }

Используйте двоеточие в качестве объекта ключа / значения, а не переменной.