liphaestus
10
2021-04-19 16:33:13
2
73

typescript에서 useHistory에 설정한 state 값을 받아오는 과정에서 에러가 출력됩니다.


항상 좋은 글들로 도움 받고 있습니다.

이번에 리액트로 했던 프로젝트에 타입스크립트를 적용하던 중 useHistory에 설정한 state를 받아오는 과정에서 계속 오류가 발생하여 어떻게 설정을 해야 하는지 의견을 듣고싶습니다.

const Home = ({ authService }: onlyAuth) => {
    const history = useHistory();

    const [turnSign, setTurnSign] = useState(false);

    const turnSignType = () => setTurnSign(!turnSign);

    const goToList = (userId: string): void => {
        history.push({
            pathname: "/lists",
            state: { id: userId }
        });
    };


const Lists = ({ authService, taskDatabase }: firebaseService) => {
    const history = useHistory();

    const historyState = history.state;
    


아래의 history.state로 값을 받으려고 할때 계속해서 

src/components/lists/lists.tsx(19,34): error TS2339: Property 'state' does not exist on type 'History<unknown>'. 

해당 에러가 발생하고 있습니다. 


어떻게 풀어야 하는지 아시는 분이 계시다면 의견 부탁드립니다. 

0
  • 답변 2

  • 페코옹
    1k
    2021-04-19 16:58:09

    보내는 건 history로 state  보내고

    받는 건 location에서 state 가져오도록 되어있네요.

  • liphaestus
    10
    2021-04-19 22:36:53

    페코옹

    감사합니다 

    타입스크립트 적용하기 전에는 그냥 가져와졌는데

    타입스크립트 사용하면 설정을 그렇게 해야했네요 

    다시한번 감사드립니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.