loading
正在被设置并传递到 props 中,但是当在任何按钮上按下 onClick
时,加载程序会在 item
의 모든 인스턴스에서 실행됩니다. 버튼을 누른 경우에만 로더가 실행되도록 하려면 어떻게 해야 합니까?
P粉1916105802024-03-31 12:47:11
상위 구성 요소에 부울 변수를 로드하는 대신 각 버튼에 로드를 렌더링하려면 ID 배열을 사용해야 합니다. 예는 다음과 같습니다. 이 코드는 코드 샌드박스 여기에서 확인할 수 있습니다.
으아악이것은 제가 구현한 간단한 예입니다. 사용자가 버튼을 클릭하면 해당 버튼만 로딩 스피너를 렌더링합니다. 다양한 방법으로 이를 달성할 수 있습니다. 또한 해당 상태에 항목이 있는지 확인하여 사용자가 로드 버튼을 클릭하면 로드를 제거하는 논리를 추가할 수도 있습니다. 그렇다면 로드 목록에서 간단히 제거할 수 있습니다.