Refactor: Transfer productId from Order to Review (#340)

src/component/order/OrderTab.js

@@ -41,7 +41,7 @@ function a11yProps(index) {
   };
 }
 
-export default function OrderTab({ content }) {
+export default function OrderTab({ content, productId }) {
   const [value, setValue] = useState(0);
 
   const handleChange = (event, newValue) => {
@@ -57,7 +57,7 @@ export default function OrderTab({ content }) {
     {
       value: 'review',
       label: '리뷰',
-      content: <Review />,
+      content: <Review productId={productId} />,
     },
   ];
 

src/component/order/review/Review.js

@@ -7,7 +7,7 @@ import { ReviewContent } from './ReviewContent';
 import ReviewPages from './ReviewPages';
 import { getReview } from '../../../axios/order/Review';
 
-export default function Review() {
+export default function Review({ productId }) {
   const [onlyPhoto, setOnlyPhoto] = useState(false);
   const [reviewContents, setReviewContents] = useState([]);
   const [pages, setPages] = useState({
@@ -22,7 +22,7 @@ export default function Review() {
   }, [onlyPhoto, pageNum]);
 
   function getReviewFromServer() {
-    getReview('LIB-001', 10, pageNum, onlyPhoto).then((res) => {
+    getReview(productId, 10, pageNum, onlyPhoto).then((res) => {
       const contents = res.contents;
       setReviewContents([]);
       for (var i = 0; i < contents.length; i++) {

src/screen/order/Order.js

@@ -64,7 +64,7 @@ const Order = () => {
           />
         </div>
       </div>
-      <OrderTab content={productInfo.content} />
+      <OrderTab content={productInfo.content} productId={productId} />
       <Footer />
     </div>
   );