레시피 앱을 만들고 있어요. 사용자가 즐겨찾기 목록에 레시피를 추가할 수 있었으면 좋겠습니다. 3개의 React 구성요소가 관련되어 있습니다. 레시피, 즐겨찾기 및 즐겨찾기에 추가하세요.
레시피 구성 요소는 선택한 레시피에 대한 다양한 세부 정보를 표시합니다.
AddToFavorites 구성 요소는 Recipe 구성 요소 내에서 렌더링되는 버튼입니다.
즐겨찾기 구성요소는 "즐겨찾기에 추가" 버튼을 사용하여 즐겨찾기에 추가된 모든 항목을 표시하는 목록입니다.
으아아아 으아아아 으아아아지금까지 시도한 것:
즐겨찾기에 항목을 추가할 때 하나의 항목을 추가할 수도 있고 여러 번 추가할 수도 있습니다. 하지만 새 레시피로 이동하여 다른 항목을 추가하면 이전 항목이 삭제되고 다시 시작됩니다.
며칠 동안 이것저것 알아보고 이것저것 시도해 보았지만 알 수 없습니다.
P粉0546168672024-04-03 09:03:17
이것은 공유 상태의 좋은 예인 것 같습니다. 즐겨찾기 데이터를 한 곳에서 관리하면 추가, 삭제, 표시 시 동기화 문제가 발생하지 않습니다.
컨텍스트 생성을 권장합니다
으아아아그런 다음
와 같은 컨텍스트 제공자로 애플리케이션의 관련 부분을 래핑합니다. 으아아아즐겨찾기를 읽거나 수정해야 할 때마다 컨텍스트 후크를 사용하세요
으아아아Redux와 같은 다른 형태의 상태 관리를 사용할 수도 있습니다.