javascript - 반응으로 구성 요소를 강제로 새로 고치는 방법은 무엇입니까?

Question

URL을 통해 이미지를 로드하기 위한 구성 요소 내부에 <img src='127.0.0.1/img' /> 태그가 있습니다.
사용자가 클릭한 후 처음에는 흰색 이미지가 반환됩니다. 버튼을 누르면 배경 처리 이미지가 완전 검정색이 됩니다.
이때 클라이언트가 자동으로 이 변경 사항을 새로 고칠 수 있고 사진이 완전히 검게 표시되기를 바랍니다.
상태 변경으로 인해 'src='127.0.0.1/img' 주소에 대한 다른 요청이 발생하지 않는 것 같습니다.
이를 달성할 수 있는 방법이 있나요?
//------
다른 질문을 해주세요. . React-redux 없이도 redux와 함께 사용할 수 있나요? 사용되지 않는 경우 저장소를 각 구성 요소에 어떻게 배포할 수 있습니까?

으아아아

Answer 1

무슨 말씀인지는 모르겠지만, 사용자가 이미지를 편집한 후 단순히 이미지를 다시 로드하려는 경우 작업이 완료된 후 이미지가 작동되었는지 확인하는 플래그를 설정하면 setState를 사용할 수 있습니다. 이미지 업데이트 목적을 달성하기 위해 플래그를 변경하세요

Answer 2

리액트의 잘못이 아닐 수도 있습니다. 이미지 처리 방법에 대한 코드를 보내주세요

Answer 3

키를 <img />에 추가한 후 상위 구성 요소의 다음 render()에서 다른 키를 반환합니다.

참고: 이로 인해 이전에는 사용할 수 없었던 마운트 해제/마운트 등 diff 업데이트 작업이 크게 변경되거나 디스플레이가 상당히 느려질 수 있습니다.

---

props나 context를 사용하는 등 다른 방법을 사용하여 모든 구성 요소에 저장소를 전달하는 한, React-redux 없이 redux를 사용할 수 있습니다.