Как установить начальное состояние React в машинописи?

Question

Как правильно инициализировать состояние при использовании машинописи и реагировать. Следующий код выдает ошибку, поскольку, очевидно, currentVehicle не может быть пустым объектом. Каким должно быть начальное состояние? Каковы лучшие практики?

 interface State{
    currentVehicle:Vehicle
}

export default class extends Component<Props, State> {
   state:State={
       currentVehicle:{}
     }
  }

Answer 1

В этом случае я бы определил тип currentVehicle как Vehicle или null и присвоил бы ему нулевое значение в начальном состоянии

interface State {
   currentVehicle: Vehicle | null
}

export default class extends Component<Props, State> {
  state: State = {
     currentVehicle: null
  }
}

A Второй вариант - определить currentVehicle в качестве необязательного параметра. Таким образом, вам не нужно его инициализировать.

interface State {
   currentVehicle?: Vehicle // optional
}

export default class extends Component<Props, State> {

  /** you only define your state without defining state.currentVehicle */
  state: State = {}
}

Answer 2

Вы можете разыграть его:

state:State = {
    currentVehicle:{} as Vehicle
}