리액트 질문 있습니다. 탭 핸들링에 대해서!

Question

어느 글을 보니까 tab 을 핸들링할 때state 로 빼서isShow 같은 값으로 핸들링하는 것이아니라버튼 클릭시 state 를 변경해서 tab 화면을 변경하는 것이 아니라class name 을 직접 변경하는 기능만 추가하라고 하는데요.예 를 들어이런 식으로 핸들링하지 말아야 한다고 하는데,state 로 관리하는 것이 안좋은 이유가 무엇인지 모르겠습니다!!다른 url 이라면 outlet 을 활용하거나 하겠지만 같은 url 입니다!

doooss · Answer

해당 글을 본적이 없어 추정을 할 뿐 입니다만, 리액트 사용환경에서는 가급적 현재 보이지 않는 화면을 html 에 놔두지 않습니다. (스크린 리더 방해 및 SEO 저하 키보드 탭 접근성 저하 등 이슈..) 하지만 예전부터 웹에서 사용된 display: none 혹은 visibility: hidden 을 사용하셔도 좋습니다. 다만 SEO 나, 스크린 리더 친화적이도록 aria-attribute 를 잘 작성해서 사용하시면 될 것같습니다.

나니야 · Answer

뭔 내용인지 모르겠으나 추측해보자면 state는 성능이야기를 할 것 같다는것외엔 생각이 안나네요className에 property나 value로써 동적으로 추가하는 그 자체도 state를 사용할텐데...?그냥 자기가 쓰던 방식인거같은데요1.{isShow &&

} 이렇게도 쓰고2.말씀처럼

도 쓸수있고3.state를 담아서 쓸수도있고1,2,3 전부 동적인 value로써 동작하는건 매한가지일텐데 무슨 의도로 그런말을 했는지는 모르겠네요

리액트 질문 있습니다. 탭 핸들링에 대해서!

2개의 답변

Q&A 목록