홈>
사용자가 마스터/세부 정보보기에서 "즐겨 찾기"항목을 선택할 수있는 React 애플리케이션이 있습니다 ...
사용자가 웹 사이트를 열고 로그인하지 않고 "즐겨 찾기"를 선택하고 페이지를 새로 고침하고 즐겨 찾기를 "웹 사이트에 저장"할 수 있기를 바랍니다. 다른 출처의 PHP 쿠키를 사용해 보았습니다 (여기에서 읽으십시오 : 페치 요청에서 쿠키를 설정할 수 없습니다 ). 다른
npm
를 포함하고 싶지 않습니다.
패키지 (주로 의존성 뒤에 실제로 무슨 일이 일어나고 있는지 알고 싶기 때문에). 내가 취할 수있는 유일한 해결책은
window.localStorage.setItem('key', 'value');
맞습니까? 이것에 대한 다른 협약이 있습니까?무엇을해야합니까?
유의 사항 :노드 .js 서버에서 실행 중이므로 PHP 요청으로 쿠키를 설정할 수 없습니다.
- 답변 # 1
- 답변 # 2
페치 요청에서 쿠키를 설정할 수 없다고 생각하는 이유는 무엇입니까? 다른 질문을 살펴보면 자격 증명을 포함하지 않은 것 같습니다.
fetch('/whatever', { method: "GET", credentials: 'include' })
window.localStorage
를 사용할 수 있습니다 또는window.sessionStorage
- 답변 # 3
store.js를 사용하면 브라우저 간 로컬 저장소를위한 간단한 API가 노출됩니다
// Store current user store.set('user', { name:'Marcus' }) // Get current user store.get('user') // Remove current user store.remove('user') // Clear all keys store.clearAll() // Loop over all stored values store.each(function(value, key) { console.log(key, '==', value) })
설치 :
와이즈 비즈npm을 사용한 store.js 사용법 예
npm install store --save
var store = require('store') store.set('user', { name:'Marcus' }) store.get('user').name == 'Marcus'
관련 자료
- node.js - 반응 웹 애플리케이션에서 SQL 행을 업데이트하지 않는 이유는 무엇입니까?
- reactjs - 내 반응 redux 응용 프로그램에서 무엇이 잘못 되었습니까? 예상대로 렌더링하지 않습니까?
- javascript - 내 반응 애플리케이션에서 Flexbox 생성기가 제대로 표시되지 않습니다
- reactjs - 반응 애플리케이션의 포스트 요청이 작동하지 않습니다
- reactjs - Flask 생성 및 전체 스택 애플리케이션 반응
- reactjs - npm start 명령이 작동하지 않음, React 애플리케이션을 실행하려고 할 때
- javascript - 반응 js에서 웹 애플리케이션 쿠키를 삭제하는 방법
- reactjs - Amplify React 애플리케이션에서 등록 숨기기
- reactjs - React 애플리케이션에서 다시 렌더링 할 때 AgGrid가 충돌합니다
- node.js - 반응 + 노드 응용 프로그램에서 babel-jest 버전 충돌
- reactjs - 애플리케이션 캐싱 반응
- reactjs - React useContext 후크를 사용하여 애플리케이션 및 조건부 렌더링을 제어하는 방법은 무엇입니까?
- javascript - iOS 기기에 반응 네이티브 애플리케이션을 설치할 수 없습니다
관련 질문
- javascript : 요청 후까지 React 구성 요소 내보내기를 기다리는 방법. (Shopify 앱 개발)
- javascript : Typescript는 잘못된 유형을 저장할 수 있습니다. 왜?
- javascript : React /Node.js에서 선택 작업 수행
- javascript : 파일 시스템에서 전자 앱으로 미디어 저장 및로드
- javascript : npx create-next-app의 node_modules 오류
- javascript : React.js : 원시 HTML 문자열이 Node.js에서 HTML 요소로 인식되지 않습니다.
- javascript : create-react-app에서" 'npm'은 내부 또는 외부 명령으로 인식되지 않습니다."
- javascript : React js를 사용하여 배경 이미지 선언 내에 중첩 된 선형 그래디언트 및 URL 추가
- javascript : React에서 2 초마다 자리 표시 자 텍스트 변경
- javascript : 현재 날짜를 UTCHours (0,0,0,0)로 설정
답변에 명시되어 있습니다
React
UI 구성 요소를 빌드하는 라이브러리입니다. 로컬 스토리지를 사용하는 것은 그 목표의 일부가 아니므로sessionStorage
뿐만 아니라 웹 사양의 일부와 마찬가지로 사용할 수 있습니다. . 어쨌든, 당신은localStorage
의 액세스를 분리 할 수 있습니다 가져 와서 테스트 할 수있는 분리 된 파일로, 즉 간접적 수준을 의미합니다.