Решение найдено this.setState ({id: event.currentTarget.id}) удаляет старый id

Пожалуйста помоги!

Когда я нажимаю на кнопку добавить в корзину, я беру id товара и без проблем переношу его в корзину, но когда я нажимаю на другой товар, id с состоянием заменяется на новый id и получается, что новый товар не добавляется в корзину, а просто заменяется старым на новый =(

Я понимаю, что currentTarget берет id, но при повторном вызове заменяет его новым id. Вопрос: как сохранить прошлый id в состоянии?

class App extends Component {
  constructor(props){
    super(props);
    this.state ={
      selectValue: "$ USD",
      count: 0,
      id: [],
      basketItems: [] 
    };
  }
  handleChange = (e) => {
    this.setState({selectValue: e.target.value})
  }
    clickCartId = (event) => {
      this.setState(prevState => {
        return {
          basketItems: [...prevState, {id: event.currentTarget.id}]
        }
      })
    }

Это то что ClickCart отслеживает <div className={products.inStock ? s.circleCartTrue : s.circleCartFalse} id={products.id} onClick={this.props.clickId}>

Это конечный получатель this.state.products.map((products) => ( value.state.basketItems === products.id ? Тут дальше идет тернароное выражение