저는 사용자가 원하는 구성 요소를 렌더링하도록 사용자 정의할 수 있는 대시보드 애플리케이션을 개발 중입니다. 구성이 완료되면 사용자가 애플리케이션을 다시 방문할 때 떠날 때와 동일한 설정이 로드되도록 이 상태를 어떻게 저장합니까?
예를 들어 다음 구성 요소를 사용할 수 있습니다. A, B, C, D, E
。用户配置他们的仪表盘只渲染A, C, D
。我希望当用户重新加载或重新访问页面时,渲染相同的组件(A, C, D
) 및 해당 상태. 나는 사용자가 매번 애플리케이션을 재구성하는 것을 원하지 않습니다.
데이터를 텍스트 파일에 저장하는 것을 고려했지만 해당 데이터를 다시 구성 요소로 변환하는 방법을 잘 모르겠습니다. 어떤 제안이 있으십니까?
브라우저에 데이터를 저장하는 경우 몇 가지 옵션이 있습니다.
클라이언트 스토리지
React의 경우 예를 들어 위의 사용법을 단순화하는
useLocalStorage
(类似于useState
)과 같은 항목을 찾을 수도 있습니다. 그래도 순수한 브라우저 API는 충분히 간단할 수 있습니다.그러나 현실적으로 솔루션은 "사용자"를 어떻게 정의(식별)하는지에 따라 달라질 수 있습니다. 그 사람이 브라우저를 연 사람인가요? 아니면 앱에 로그인한 사람인가요?