"TypeError: impossible de lire la propriété" carte "de non définie" lorsque j'exécute ce code

Je fais un site Web avec réaction et je reçois cette erreur lorsque j'exécute ce code

<div>
     <p>{this.props.name}, {this.props.surname}</p>
        <h3>Choose your items</h3>
        <form>
          <div id="prova">
            {this.state.items.map((item) => {
              return (
                <div>
                  {item.name}<input type="checkbox" name={item.name}
                    onChange={(e) => this.selectItem(e.target.id)}
                    checked={item.checked} />
                </div>
              )
            })}

            <br />
            <button onClick={this.addToBasket}>Add to basket</button>
          </div>
        </form>
      </div>