---
title: "Discussion on \"Key를 활용하여 컴포넌트 상태를 초기화하기\" | Hashnode"
description: "Discussion on \"Key를 활용하여 컴포넌트 상태를 초기화하기\". 개요\n컴포넌트의 상태가 업데이트되어도 컴포넌트 내부에 배치된 컴포넌트의 상태는 그대로 유지되는 경우가 있었다.\n예전에는 Props 전달 및 내부에서 useEffect를 통해서 상태를 초기 상태로 업데이트하도록 했는데 useEffect를 남용하게 되면 상태 변화 추적이 어려워지는 문제가 있었다.\n그런데 useEffect 외에도 Key를 통해서 컴포넌트 상태를 초기화할 수 있다는 사실을 알게 되었다.\n리스트 렌더링\nReact 프론트엔드에서 목록 형..."
url: "https://hashnode.com/posts/use-react-keys-to-reset-components/68cff5fecaf0f2035459d2a3"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Key를 활용하여 컴포넌트 상태를 초기화하기](https://blog.nwlee.com/use-react-keys-to-reset-components?utm_source=hashnode&utm_medium=feed)

개요 컴포넌트의 상태가 업데이트되어도 컴포넌트 내부에 배치된 컴포넌트의 상태는 그대로 유지되는 경우가 있었다. 예전에는 Props 전달 및 내부에서 useEffect를 통해서 상태를 초기 상태로 업데이트하도록 했는데 useEffect를 남용하게 되면 상태 변화 추적이 어려워지는 문제가 있었다. 그런데 useEffect 외에도 Key를 통해서 컴포넌트 상태를 초기화할 수 있다는 사실을 알게 되었다. 리스트 렌더링 React 프론트엔드에서 목록 형...

Sep 21, 2025 · 3 min read · blog.nwlee.com  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#typescript](https://hashnode.com/tag/typescript)
-   [#components-in-react](https://hashnode.com/tag/components-in-react)
-   [#keys-in-react](https://hashnode.com/tag/keys-in-react)

## Written by

[Nowon Lee](https://hashnode.com/@nwlee)

@nwlee

  
[View profile](https://hashnode.com/@nwlee)

The frontend developer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.