...

export default function Home({posts}) {

const [startNum, setStartNum] = useState(1);

const [endNum, setEndNum] = useState(10);

const onNextPosts = () =>{

setStartNum(startNum+=10);

setEndNum(endNum+=10);

}

return (

<Wrap>

<HeadInfo />

{posts.map(post=>(

<p key={post.RCP_SEQ}>{post.RCP_NM}</p>

))}

<h1>Home</h1>

<button onClick={onNextPosts}>다음글</button>

</Wrap>

);

};


export const getStaticProps = async()=>{

const res = await axios.get(`https://openapi.foodsafetykorea.go.kr/api/COOKRCP01/json/1/10' 

const posts = await res.data;

return {

props:{

posts: posts.COOKRCP01.row

}

}

}



저기서 const res = await axios.get(`https://openapi.foodsafetykorea.go.kr/api/COOKRCP01/json/1/10' 이거를 const res = await axios.get(`https://openapi.foodsafetykorea.go.kr/api/COOKRCP01/json/${startNum}/${endNum}`);

이렇게 state를 넣어서 하고싶은데 어케해야함???
저 state를 Home 밖으로 빼면 에러뜨던데!!!?