Невозможно получить доступ к состоянию

Question

Попытка получить доступ к состоянию внутри моих методов, но это всегда null.Может кто-нибудь объяснить мне, что мне нужно сделать, чтобы мои методы ссылались на состояние и почему это нужно сделать?

import * as React from 'react';


interface IProps {
  enabled?:boolean;
}
interface IState {
  itemCount?: number;
}

class ItemCounter extends React.Component<IProps, IState> {
  public state : IState
  constructor(props: IProps) {
      super(props)
      this.state = {
         itemCount: 0
      };

  }
public handleIncrement = () => {
  if(this.state.itemCount != null){
    this.setState({itemCount: this.state.itemCount++});
  }
};
public handleDecrement = () => {
  if(this.state.itemCount != null){
    this.setState({itemCount: this.state.itemCount--});
  }
};
    public render() {
        return (
            <div>
                {this.state.itemCount}
                <button onClick={this.handleIncrement}>Add Item</button>
                <button onClick={this.handleDecrement}>Remove Item</button>
            </div>
        );
    }

}

export default ItemCounter;

Answer 1

с использованием ++ или -- для свойства React state - это нет-нет.оба эти оператора изменят данные, которые они используют, что вы никогда не захотите использовать в React state

Answer 2

Вы пропустили определение числа handleIncrement и handleDecrement

public handleIncrement = () => {
  if(this.state.itemCount != null){
    this.setState({itemCount: this.state.itemCount+1});
  }
};
public handleDecrement = () => {
  if(this.state.itemCount != null){
    this.setState({itemCount: this.state.itemCount-1});
  }
};