조건이 있는 filter()
18세 이상의 학생들만 선택하기
const filteredStudents = students.filter(student => student.age >= 18);조건 추가하는거 알아두기
필터링된 정보 표시하기
{filteredStudents.map(student => (
<li key={student.name}> {student.name} - Age : {student.age} , Grade: {student.grade} </li>정보 표시하는 방법 알아두기
렌더링시, alert 나오게 하기
{filteredStudents.map(student => (
<li key={student.name} onClick={() => alert(`나이: ${student.age} , 점수: ${student.grade}`)}> {student.name} </li>이렇게하면 학생 이름을 클릭하면 alert에 나이와 점수가 입력된다.
input에 입력된 값(숫자) 이상의 나이를 가진 학생들만 출력하세요.
<input type="number" value={minAge} onChange={(e) => setMinAge(Number(e.target.value))} /> 살 이상숫자이기 때문에 Number 사용
ps)
