JavaScript/React

React - MUI 라이브러리, forwardRef

내이름효주 2024. 4. 5. 11:07
  • MUI:Google의 Material Design 을 구현하는 오픈소스 라이브러리!, 리액트 환경에서 필요한 컴포넌트를 쉽게 사용가능
    • 컴포넌트의 속성은 props로 받을 수 있다
    • alert 속성: variant - fill(내부 색 채우기), outline(테두리 그리기), severity("success","error"와 같은 옵션이 있는데 이 설정에 따라 색이랑 마크가 달라져)
  • ref: 함수 컴포넌트를 구성하는 여러 요소 중 일부를 참조하기 위해 useRef(), refprops를 이용
    • focus 효과를 주거나, input에서 텍스트 긁어올 때 사용
  • React.forwardRef: 구성 요소가 자식 컴포넌트에게 참조를 전달하는 기술