OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
usestate
전체
최신순
질문하기
답변
2
white shirt
·
2년 이상
299
0
답변 2
리액트 useState 질문입니다!
리액트에서 axios로 데이터를 가져오고 가져온 데이터를 useState에 넣어서 화면에 출력을 하였습니다. 여기서 화면을 새로고침 할 때마다 useState의 초기값이 나타났다가 가져온 데이터가 출력이 되는것을 확인했습니다. useState의 초기값이 빈 배열이기에 새로고침 마다 빈 화면을 보여주고 이 후 데이터를 보여줘서 데이터가 깜박이는 현상이 생겨 화면 paint 전에 데이터를 가져오기 위해 useLayOutEffect를 써봤지만 잘 되지 않더
해결
2
pie2y
·
2년 이상
294
0
해결 2
리액트 스타일, 다중 이미지 연결 도와주세요
리액트 공부중인데 혼자선 도저히 해결을 못하겠어서 질문글남깁니다. 혹시나 아시는 분 있으시면 제발 도와주세요 ㅠㅠ 우선 리액트에서 특정 주소로 링크를 걸어놔서 해당 주소로 이동하면 Header의 스타일이 변경되도록 설정하고 싶어서 도전 중인데 아래처럼 써봤어요. Header컴포넌트에 currentRoute (현재주소)가 /sub로 변경되면 style 클래스가 적용되게 하려는데 이리저리 계속 테스트 해보고 코드도 뜯어 고쳐보고 해도 적용이 되질 않
답변
3
코린이빨
·
2년 이상
216
0
답변 3
react state에 import받은 함수를 넣으면??
import { useState } from "react"; import ManagerPage from "./practice/ManagerPage"; import { first } from "./practice/first"; import { second } from "./practice/second"; import { third } from "./practice/third"; f
답변
2
현탱
·
2년 이상
241
0
답변 2
react state 상태변경안됨 도와주세요 !
react공부중입니다. let data = [ {<!-- --> id: 0, title: 'White and Black', content: 'Born in France', price: 120000, }, {<!-- --> id: 1, title: 'Red Knit', content: 'Born in Seoul', pric
답변
2
우당탕
·
거의 3년
281
0
답변 2
react useState 관련 질문드립니다. => 해결 완료
안녕하세요! react를 접한지 얼마 되지 않은 학생입니다. useState를 이용하여 값을 변경하려고 하는데요, 아래에서 setCurrentSection(next);가 적용이 되지 않는 것 같습니다. 아직 해결방법을 찾지 못하여 이 부분에 대해서 아신다면 도움 한 번만 부탁드립니다.감사합니다!
답변
1
그린티라떼
·
거의 3년
328
0
답변 1
react 체크 박스 선택 및 해제 구현
아래와 같이 필수 / 선택 동의를 구분하여 일괄적으로 체크박스를 선택 해제를 구현하고 싶습니다. 체크박스를 선택했고 배열에 목록이 들어갔는데도 form의 상태값이 false에서 true로 값이 변하지 않습니다. 무엇이 문제일까요? // form 상태값 const [form, setForm] = useState<formType & requiredCheckType & optionalCheckType>({
해결
2
안녕하세요플레
·
거의 3년
352
0
해결 2
react useEffect안에서 state를 사용하는 방법에 대한 질문
컴포넌트 초기 렌더링 시 서버를 구독 구독할 때 콜백 함수를 지정할 수 있고, 콜백 함수의 인자로 새로운 데이터를 받음 콜백 함수에서는 새로운 데이터를 받아 list 배열에 일치하는 데이터가 없으면(=새로운 데이터면) setlist로 새로운 데이터 추가 문제점: 초기 렌더링 시 한 번만 구독을 하고 싶지만, 의존성 배열에 list가 있기 때문에 setlist로 상태 변경 시마다 구독을 다시 요청 콜백 함수 부분을 함수로 빼내도 useCallba
답변
2
그린티라떼
·
거의 3년
274
0
답변 2
useRef 활용 특정 DOM으로 이동시키기
마우스 휠 이벤트가 발생할 경우, page값을 활용하여 해당 번호의 DOM으로 이동시키는 것을 구현했습니다. 현재 동작이 되지 않는 이유가 뭔지 모르겠습니다. const scrollRef = useRef<HTMLDivElement[]>([]); const [page, setPage] = useState<number>(1); const moveY = (e : React.WheelE
답변
1
mandarinfactory
·
거의 3년
300
1
답변 1
리액트 useState 비동기성 문제 확인 부탁드립니다.
개인 포폴 준비용으로 React 프로젝트 만들고 있고 useState 오류만 잡으면 끝나는데 이게 계속해서 발목잡습니다. stack overflow나 구글링도 해보고 비동기성이 문제인건 확인했는데, useEffect나 setState(function)쪽으로 해결하려고 했으나 짧은 지식으로는 해결하기가 어렵네요. 많은 도움 부탁드립니다.. 빨간색 박스로 되어있는 부분이 문제인데 클릭하면 전 결과값이 출력되는걸 수정해야하는데 되고 있지 않습니다. ㅜㅠ
답변
4
ALLFLOW
·
거의 3년
342
0
답변 4
useState로 데이터를 불러와서 input안에 자동으로 입력되게 했는데, input에 데이터 입력이 안돼요
useState로 데이터를 불러와서 input 안에 자동으로 입력되게 했는데, input에 데이터 입력이 안됩니다. 이럴땐 어떻게 해야 할까요?
해결
2
보여너의알고리즘
·
약 3년
311
0
해결 2
리액트 useState state 변경이 되지 않습니다.
안녕하세요. 리액트로 프로젝트를 진행하다 막히는 부분이 있습니다. ... const initialEditForm = { profileUrl: '', imageFile: null, username: '', imageUrl: '', } const [memberForm, setMemberForm] = useState(initialEditForm) ... const onChange
답변
2
레모네이드
·
약 3년
406
0
답변 2
react typescript useState 상태 초깃값 설정관련
useState 값을 다음과 같이 초기화 할때 checkedFlightDate 제외한 나머지 값 설정을 간단하게 표현할 방법이 있을까요? (keyof , typeof 같은 키워드 사용) const[searchOption, setOption] = useState<selectOptionsType>({ departCountry : "", departIataCode : "", arriveCount
해결
1
레모네이드
·
3년 이상
1.4k
0
해결 1
React useState 셀렉트 박스 선택값 설정 관련
select 박스를 활용하여 useState에 상태 값을 설정하려고 하는데출발 국가를 선택하여 departCountry 상태 값을 확인했습니다.img alt=""
답변
0
병맛나는병
·
3년 이상
239
0
답변 0
리액트 네이티브 onpress 와 같은 속성에서는 set을 2개이상 사용 못하나요?
onPress={() => { setChecked(checked === 'third' ? 'any' : 'third'); setImageData('dd'); }}다음과 같이 useState set 함수 2개를 실행 시켰습니다하지만 setImageData 함수의 경우 실행되지 않는것을 확인
답변
1
YouYou94
·
3년 이상
320
0
답변 1
리액트 useState가 이상합니다. 혹시 이런 현상 겪으신 분 계실까요?
오늘 useState 관련해서 이상한 현상이 일어나서 문제를 몰라 혹시 제가 겪은 문제를 아실까 해서 이렇게 질문드립니다![KeyList][Key]img alt="" src="https://file.okky.kr/images/1668757285921.png
해결
1
G9
·
3년 이상
233
0
해결 1
React state분리를 했는데도 클릭되는 버튼이 겹쳐요
data 개수만큼 배열에 false를 따로따로 만들어주고,핸들러 함수도 따로 만들어주었습니다img alt="" src="htt
답변
4
냐로
·
3년 이상
390
0
답변 4
useState 사용 시 렌더링 될 때마다 다른 배열 날아가는 현상
안녕하세용 선배님들 ㅠㅠuseState 사용하고, 안에 있는 값이 변경 될 때마다 리렌더링이 일어나는데리렌더링이 일어날 때마다 a.push(list[i])로 넣어놨던 const a = [] / a안에 있는 값들이 전부 날아가요... ㅠㅠ이거 어떻게 계속 잡고 있을 수 있
해결
5
Pepper Dr
·
거의 4년
514
0
해결 5
useState 비동기 처리 질문 있습니다.
showProductImages 와 showStyleImages 라는 두개의 state에 recoil을 사용한 product 라는 전역 객체에 있는 각각의 photo 를 반복문을 통해 Pro
해결
3
기술개발초보
·
거의 4년
809
0
해결 3
해당 React useState 부분 Typescript 변환할려고 하는데... Type 아시는 분??
const [formDate, setFormDate] = useState(null);const handle = (file) => { if (file) { setSelectedFileName(file.name); formData.set('fil
답변
3
cobb
·
거의 4년
576
1
답변 3
React useState, useEffect 체인 렌더링 문제
회사에서 리액트 코드를 작성하는데 useState를 너무 많이 써서 불필요한 렌더링을 너무 많이 발생시킨다고 피드백을 받았습니다.제 딴에는 useState들의 순서를 보장하면서 플로우를 만들기 위해서 아래 예시처럼 코드를 작성했던건데,일반적인 경우에서 이러한 useState useEffect 체인이 나쁜건가요?피드백은 불필요한 렌더링을 줄이기 위해서 가능하면 use
이전
1
2
다음
Search Bar
