인프런 커뮤니티 질문&답변
작성한 질문수
error: (intermediate value).map is not a function
작성
·
902
0
import React, { useContext } from 'react';
import { ImageContext } from '../context/ImageContext';
const ImageList = () => {
const { images, myImages, isPublic, setIsPublic } = useContext(ImageContext);
console.log(myImages);
const imgList = (isPublic ? images : myImages).map((image) => (
<img
alt=""
key={image.key}
style={{ width: '100%' }}
src={`http://localhost:8000/uploads/${image.key}`}
/>
));
return (
<div>
<h3 style={{ display: 'inline-block', marginRight: 10 }}>
Image List({isPublic ? '공개' : '개인'} 사진)
</h3>
<button onClick={() => setIsPublic(!isPublic)}>
{(isPublic ? '개인' : '공개') + ' 사진 보기'}
</button>
{imgList}
</div>
);
};
export default ImageList;
const [myImages, setMyImages] = useState([]);
