inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

react에서 modal & portal 사용시 에는 어떻게 작성해야될까요

해결됨

실무에 바로 적용하는 스토리북과 UI 테스트

개요 react-modal 라이브러리를 사용하고 있다가 Storybook에 등록하여 관리하고 싶어서 작성하는데 아래와 같이 컴포넌트를 작성했다가 스토리북 화면에서에러가 발생하였습니다. 강사님께서는 Modal의 경우 어떤식으로 해서 Storybook을 동작가능하게 하셨는지 궁금합니다. 현재는 Modal.setAppElement('body')로 처리하여 임시로 실행되게 하였으나, 더 좋은 다른 방법이 있을지 질문드립니다. import Modal from 'react-modal'; Modal.setAppElement('#root'); // 모달이 열린 상태에서도 접근성을 보장하기 위해 필요합니다. const BaseModal: React.FC<BaseModalProps> = ({ Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the Decorators documentation.

  • react
  • typescript
  • tailwind-css
  • storybook
  • ui-testing
  • modal
  • portal
  • react-modal
  • root
배찬 댓글 3 좋아요 0 조회수 412

component에 root가 안뜹니다

미해결

Vue.js 시작하기 - Age of Vue.js

CDN방식으로 router를 script태그로 설치하고 영상에서 처럼 router와 instance를 연결하려고 합니다. 작년에 했을 땐, 영상처럼 $route 생성이 되었는데 router의 버전차이 인 것인지 옛날 버전으로 입력해야만 router가 연결되고 현재 공식링크에 있는 src주소로 등록하면 component가 뜨지 않는 현상이 발생합니다. 문법이 바뀐 것일까요? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router@4.0.5/dist/vue-router.global.js"></script> <title>Document</title> </head> <body> <div id="app"></div> <script> var router = VueRouter.createRouter({ }); new Vue({ el:'#app', router:router }); </script> </body> </html>

  • cdn
  • javascript
  • 버전
  • root
  • vuejs
이재윤 댓글 3 좋아요 2 조회수 545

supperPutty 접속하려는데 root 암호가 어떻게 되나요?

미해결

그림으로 배우는 쿠버네티스(v1.35)

영상과 같이 설치가 다되어서 superputty로 접속하려 하는데 root 계정의 암호가 어떻게 되나요?

  • root
  • kubernetes
  • 암호
  • password
  • docker
  • 패스워드
sjdoh 댓글 1 좋아요 2 조회수 416

인기 태그

인프런 TOP Writers

주간 인기글