리액트 조건부 렌더링 방법

🎯 리액트 조건부 렌더링 import React from "react"; import * as FarmPictures from "./style"; export function FarmPicture({ ratio }) { const Render = () => { if (ratio >= 20) { return ; } else if (ratio >= 40) { return ( ); } else if (ratio >= 60) { return ( ); } ... ... }; return Render(); } 이런 식으로 조건에 따라 렌더링을 달리해주는 코드를 작성하고 있었다. 저렇게 작성하면 마지막 조건에서는 Container안에 10개의 아이콘들이 들어가게 된다. 구현은 하겠지만 중복되는 코드를 줄이고 싶었다...