반응형

reactjs 23

토큰 유효기간 및 로그아웃 사용자를 확인하려면 어떻게 해야 합니까?

토큰 유효기간 및 로그아웃 사용자를 확인하려면 어떻게 해야 합니까? 로그아웃 버튼을 클릭하면 사용자가 직접 로그아웃할 수 있지만, 내 어플리케이션에서는 토큰이 서버 측과 프런트 엔드에서 모두 사용되기 때문에 토큰이 만료되면 로그아웃할 수 없습니다.사용자가 로그아웃 버튼을 클릭하면 토큰이 유효한 경우 서버와 브라우저 모두에서 토큰이 지워집니다.사용자가 로그아웃하지 않고 토큰이 만료되었지만 브라우저에서 지워지지 않을 수 있습니다.이 상황을 해결하려면 사용자가 앱에 방문할 때마다 토큰 만료 여부를 확인하고 토큰이 만료되면 브라우저에서 토큰을 지우려면 어떻게 해야 합니까? 사용자가 페이지를 갱신하거나 다른 페이지로 전환할 때마다 백그라운드에서 시청하는 사가를 시도했습니다.이건 효율적인 방법이 아닌 것 같아요.미..

prosource 2023.02.12

'Element[]' 형식에는 'Element' 형식에서 다음 속성이 없습니다. 유형, 소품, 키

'Element[]' 형식에는 'Element' 형식에서 다음 속성이 없습니다. 유형, 소품, 키 Typescript 및 React 환경에서 표준 화살표 맵 ES7 기능이 있습니다. const getItemList: Function = (groups: any[]): JSX.Element => group.map((item: any, i: number) => { const itemCardElemProps = { handleEvents: () => {}, ...item} return }) 다음 오류가 나타납니다. TS2739: Type 'Element[]' is missing the following properties from type 'Element': type, props, key 버전: 타입스크립트 3..

prosource 2023.02.12

TypeScript에서 React Stateless 기능 구성 요소를 사용하는 방법

TypeScript에서 React Stateless 기능 구성 요소를 사용하는 방법 TypeScript와 React를 함께 사용하면 더 이상 확장하지 않아도 됩니다.React.Props컴파일러가 모든 리액트 컴포넌트 소품에는 자식이 있을 수 있음을 알 수 있도록 합니다. interface MyProps { } class MyComponent extends React.Component { public render(): JSX.Element { return {this.props.children}; } } 그러나 스테이트리스 기능 컴포넌트의 경우는 아닌 것 같습니다. const MyStatelessComponent = (props: MyProps) => { return ( {props.children} ); ..

prosource 2023.02.12
반응형