Dani's Dev TokTok

  • 홈
  • 태그

useState 2

[React] React에서 useState로 배열 상태 업데이트 : 배열 데이터 수정의 함정과 해결 방법

1. 서론약 한달 전 프론트엔드 포지션으로 면접을 봤었는데 이런 문제가 나왔다.import React, { useState } from 'react';function App() { const [articles, setArticles] = useState(['남자옷추천', '신발추천', '화장품추천']) const changeItem = () => { const newArr = articles; newArr[0] = '여자옷추천'; setArticles(newArr); } return ( {articles[0]} {articles[1]} {articles[2]} 클릭 );}export default ..

Study/React 2024.10.02

[새싹x코딩온] 웹 개발자 부트캠프 과정 13주차 회고 | React State

1. 들어가며리액트에서 state 사용해보기2. React State리액트에서 유동적인 데이터를 유동적인 데이터를 다룰 떄 사용상태에 따라 다른 동작을 한다. 클래스형 컴포넌트의 state클래스 컴포넌트 내에서 state 로 초기 변수를 지정하고 this.setState() 로 변경되는 데이터 전달export default class CounterPractice extends Component { state = { count : 0 } render() { const {count} = this.state return ( {count} {this.setState({count : count + 2})}}>+2 {this.set..

Study/React 2024.08.06
이전
1
다음
더보기
프로필사진

Dani's Dev TokTok

열심히 개발하는 다니니니니니니의 개발 블로그

  • 분류 전체보기
    • Study
      • Javascript
      • Typescript
      • React
      • Vue
      • Node.js
      • Java
      • HTML & CSS
      • Git
      • CS
    • Project
      • SeSAC 1차 팀 프로젝트
      • SeSAC 2차 팀 프로젝트
      • SeSAC 3차 팀 프로젝트
    • ETC
      • 주절주절

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Github

Copyright © AXZ Corp. All rights reserved.

티스토리툴바