안녕하세요!
[1, 2, 3].map(function (a) {
console.log(a);
});
이렇게 코드를 작성하여 실행을 했을 때,
콘솔창에 123이 2번 출력되는데 왜 그런것인지 설명해주실 수 있을까요? [ 1 2 3 1 2 3 출력 ]
전체 코드
----
import "./App.css";
import { useState } from "react";
function App() {
let post = "역삼 우동 맛집";
let [글제목, 글제목변경] = useState(["지금 이 시간은 귀하다", "개발을 잘하고 싶다", "나는 좋은 개발자가 될거다"]);
let [따봉, 따봉변경] = useState([0, 0, 0]);
let [modal, setModal] = useState(false);
function 따봉증가(num) {
let newArr = [...따봉];
newArr[num] += 1;
따봉변경(newArr);
}
[1, 2, 3].map(function (a) {
console.log(a);
return "1233211";
});
return (
<div className="App">
<div className="black-nav">
<div>ReactBlog</div>
</div>
<div className="list">
<h4>
{글제목[0]}
<span onClick={() => {따봉증가(0);}}>👍</span>
{따봉[0]}
</h4>
<p>2월 17일 발행</p>
</div>
{modal == true ? <Modal /> : null}
</div>
);
}
function Modal() {
return (
<div className="modal">
<h4>제목</h4>
<p>날짜</p>
<p>상세페이지</p>
</div>
);
}
export default App;
