codestates / codestates/Pointrip

[Error Handling] 배상건 / React Router를 이용한 props 전달하기(Link)

Aperta
#64 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
0
Fork
0
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

> ### 어떤 에러인가요?
> 상황 설명
> 1) 특정 게시물의 "상세 게시물 페이지"를 방문한 사용자가 작성자라면,
> 2) 상세 게시물 페이지 우측 상단에 작성자에 한에서 노출되는 수정/삭제 아이콘이 있습니다.
> 3) 위 상황에서, 작성자가 노출된 "수정 아이콘"을 클릭하면,
> 4) "게시물 수정 페이지"로 이동합니다.
> 5) 작성자가 "상세 게시물 페이지"에서 "게시물 수정 페이지"로 이동할 때,
> 6) "상세 게시물의 정보"도 게시물 수정 페이지로 전달되어야 합니다.
> 7) 이를 위해 react-router-dom의 Link를 사용해 "상세 게시물의 정보"를 props로 전달했습니다.
>
> ### 에러 메시지
```shell
(property) state: {
postData: PostDataType;
}
'{ pathname: string; state: { postData: PostDataType; }; }' 형식은 'To' 형식에 할당할 수 없습니다.
개체 리터럴은 알려진 속성만 지정할 수 있으며 'Partial' 형식에 'state'이(가) 없습니다.ts(2322)
index.d.ts(53, 5): 필요한 형식은 여기에서 'IntrinsicAttributes & LinkProps & RefAttributes' 형식에 선언된 'to' 속성에서 가져옵니다.
```
![스크린샷 2022-06-13 오후 11 10 24](https://user-images.githubusercontent.com/93868114/173372779-c3505820-39f3-4021-ac05-619c97e002dc.png)
>
> ### 에러 핸들링 방법
> * 핸들링 방법에 대해서 간단하게 기록해보세요.
>

> ```js
>
> ```
>
> ### 에러 핸들링을 위해 참고한 레퍼런스 링크
> 링크 : https://nykim.work/108

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Inizia con l’esempio di React Router Link e l’errore TypeScript mostrato nell’issue, quindi esamina il riferimento collegato sull’uso di state-prop. Il lavoro è completato quando viene documentata la forma di navigazione funzionante e viene spiegato come risolve l’errore di tipo segnalato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Documentazione
Difficoltà
1/5
Tempo stimato
Meno di un'ora
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
42/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.