리액트 모달창 작동시 스크롤 방지

class Mypage extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      isModalOpen: false
    }
    //! 모달창 띄웠을 때 스크롤 방지
    document.body.style.overflow = "hidden";
  }

  handleModal = () => {
    this.setState({
      isModalOpen: !this.state.isModalOpen
    })
    // 스크롤 방지 해제
    document.body.style.overflow = "unset"
  }
  ... 생략