codestates / Lollin-client

리그오브레전드 초보를 위한 길잡이 서비스
https://628b8d795a97cd5a3d54ec90--lollin.netlify.app/
0 stars 0 forks source link

[Error handling] 스킬 버튼 클릭 -> video render 깜박거림 이슈 #68

Open hunhunseunghun opened 3 years ago

hunhunseunghun commented 3 years ago

어떤 에러인가요? 스킬 버튼 클릭 -> video 렌더링 될때마다 새로 webm 파일 다운 -> 컴포넌트 깜빡거림 이슈

에러 핸들링 방법

변경 전 코드:  state에 따라 src 주소 변경

<video src={newChampData.wemb[skillIndex]}  muted autoPlay loop></video>

변경 후 코드 : 소스 다운받은후 class 값에 따라 css속성으로 컨트롤

 <div className="videoWrapper">
            {newChampData.skillwebm.map((ele, idx) => (
              <video
                className={idx === webmIndex ? "isDisplay" : "noDisplay"}
                src={ele}
                muted
                autoPlay
                loop
              ></video>
            ))}
          </div>