react return문 안에서 for 가능한가요?

Question

안녕하세요 React를 사용해서 프로젝트를 진행중인 학생입니다. 렌더링 되는 App.js는 아래와 같고App.js function App() { return ( ) } export default App 버튼을 만들어서 버튼을 누르면 이 한개씩 더 생겨서 원하는만큼 나오게 하고싶은데 이경우 for 문이나 반복문등을 사용하면 되나요?아니면 다른방법을 사용해야

[object Object] · Answer

보통 map을 사용합니다

moonti · Answer

articles.map 처럼 하시면 반복문 가능합니다. 이거 리액트 배울때 되게 기본으로 나오는 내용인데요, 리액트 공식 문서나 기본 참고서 하나 쭉 따라서 공부하시면 될것같아요.return ( {articles.map((article) => ( ))} {emptyString && articles.length === 0 && ( {emptyString.includes('첫 글을') && } {emptyString} )} );

Sup_! · Answer

근데 버튼을 누를때마다 <Function> 부분이 한개씩 더생기는건데 반복문인 map를 쓰는게 맞나요?

react return문 안에서 for 가능한가요?

3개의 답변

Q&A 목록