연습 1
import React, { useEffect, useState } from "react";
const HelloWorld = () => {
const [result, setResult] = useState([]);
// useEffect(() => {
// filterDeveloper();
// }, []);
const data = [
{
name: "Rajasekar",
title: "Developer",
},
{
name: "Ganesh",
title: "Manager",
},
{
name: "Arun",
title: "Developer",
},
];
const filterDeveloper = () => {
let test = data.filter((item) => {
return item.title === "Manager";
});
setResult(test);
};
const style1 = {
color:"white"
}
const style= {
backgroundColor: "red",
...style1
}
return (
<>
{result.map((item, index) => (
<div key={item.name} className="test" style={style}>
{index + 1} {item.name} - {item.title}
</div>
))}
<button onClick={filterDeveloper}>Test</button>
</>
);
};
export default HelloWorld;
Reference
이 문제에 관하여(연습 1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ktrajasekar/exercise-1-12pe텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)