url 파라미터값과 재고의 인덱스 값을 일치시키려고 합니다.

위와 같이 id 파라미터가 2인상황입니다.

grey 신발은 [10,11,12] 의 12, 즉 인덱스 2번째 값인 상황이고요( 화면상의 재고 : 10은 하드코딩돼있는상황)

위와 같이 forEach를 해서 idx값을 찾은후 find와 결합을 하면 해당 객체가 나오고 객체를 통해

인덱스 2를 뽑아내려고 하는데 갈피가 잡히지 않아 질문 올립니다.

<button
            onClick={() => {
              // 이런 props 지옥을 위해 마련된 해결책
              // Context API 또는 redux
              let newleft = [...props.left];
              // 함수 안에다가 변수를 만들어준다. 거기서 쓸꺼니까
              // 해당 인덱스의 값으로 대체를 해서, 전체 배열을 다시 setLeft를 한다.
              let 찾은상품 = props.shoes.find((x) => x.id == Number(id) + 1);

              console.log(Number(id)); // 2
             
              let seong = props.left.forEach((_, idx) => Number(id) == idx);
              let seong = props.left.find((x) => console.log(x));
              // x 의 인덱스 값을 찾아서 Number(id) 즉, (url의 파라미터)와 일치하는 값을 뽑은 후, 그 숫자를 state값의 인덱스로 뽑으면 재고값이 나오게 하려고 합니다.

              console.log(seong);
              // newleft.unshift(newleft[0] - 1);
              // props.setLeft(newleft);
            }}
          >
            주문하기
          </button>