Slice 기능 활용
import PropTypes from "prop-types";
import { Link } from "react-router-dom";
function Movie({ id, coverImg, title, summary, genres }) {
return (
<div>
<img src={coverImg} alt={title} />
<h2>{title}</h2>
다.
<h2>
<Link to={`/movie/${id}`}>{title}</Link>
</h2>
<p>{summary.length > 235 ? `${summary.slice(0, 235)}...` : summary}</p>
</div>
);
}
Movie.propTypes = {
id: PropTypes.number.isRequired,
coverImg: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
summary: PropTypes.string.isRequired,
};
export default Movie;