본문 바로가기

React

[React] Styling 적용하기

filteredArr 에 value 값이 "옥수수" 인 것만 할당하여 그 값에 스타일을 적용한다.

import logo from "./logo.svg";
import "./App.css";

function App() {
  const testArr = ["감자", "고구마", "오이", "가지", "옥수수"];
  const filteredArr = testArr.filter((value) => value === "옥수수");
  return (
    <div>
      <ul>
        {filteredArr.map((value) => (
          <li className="squareStyle">{value}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;

 

'React' 카테고리의 다른 글

[React] React Hooks (useState)  (0) 2023.06.19
[React] map 메소드 적용/ 오류 해결  (0) 2023.06.14
[React] counter 실습  (0) 2023.06.14
[React] State 실습  (0) 2023.06.13
[React] State  (1) 2023.06.13