itemDetail

https://feelvieact.netlify.app/detail/movie/496243

// detailData, socialData, seasonData 를 Redux 스토어에서 상태를 가져와서 사용
const detailData = useSelector(state => state.movies.movieData);

/* 소셜 */
const socialMedia = [
  {name: '페이스북', url: 'http://www.facebook.com', 
	class: "facebook", link: `${socialData?.facebook_id}`},
  {name: '트위터', url: 'http://www.twitter.com', 
	class: "twitter", link: `${socialData?.twitter_id}`},
  {name: '인스타그램', url: 'http://www.instagram.com',
	class: "instagram", link: `${socialData?.instagram_id}`}
]

/* 등장인물 20명만 보여주기*/
const creditsArray = creditsUrl ? creditsUrl.slice(0, 20) : [];

---

상세내용 더보기

// 영화 상세설명 더보기
const overviewMoreClick = () => {
	setOverviewExpanded(!overviewExpanded);
};

// 화면 리사이즈로 상세설명 height 값이 바뀌기 때문에 다시 감지
useEffect(() => {
  try {
    // 영화 상세설명
    const textContainer = overviewText.current;
    if (textContainer) {
      const handleResize = () => {
        setOverviewMore(textContainer.scrollHeight > textContainer.clientHeight);
      };
      handleResize();
      window.addEventListener('resize', handleResize);
      return () => {
        window.removeEventListener('resize', handleResize);
      };
    }
  } catch (error) {
    console.log(error);
    setError(error);
  }
}, [overviewText.current]);

---

추천작품 없음