Reactで「さらに表示」ボタンを実装する方法について - Qiita

今回はreact+TypeScriptで「さらに表示」ボタンを実装する方法について解説します。 ただし、ボタンを押すたびにdbとやり取りするものではなく、予め全部のデータを取得しておいて、隠れているものをさらに表示ボタンを押すことで表示するというものになります。 完成形のコード まずは完成形のコードをお見せします。 ボタンに関わる部分だけ記載します。 ※全体のコードはこちら const Home = () => { const [loadIndex, setLoadIndex] = useState(4); const [isEmpty, setIsEmpty] = useState(false); const [currentPost, setCurrentPost] = useState([]); const displayMore = () => { if (loadIndex >