How to Display Selected gif in react js?

I am stuck with a problem , I don’t know how to do it. I want to display selected gifs , when I search its work properly , when I click on any gifs only this gifs is selected and display when I click on post button..

In This problem if anyone have any query please free feel to ask

App.js

This is the App.js file only single file I wrote my all code.

import "./App.css";
import { useEffect, useState } from "react";
import Axios from 'axios';

function App() {

const Api_key="QlYtlejKAxArXXXXXXXXXXXXXXXXX";
const Base_Url = "http://api.giphy.com/v1/gifs/search";

const [searchText,setSearchText] = useState("");
const [searchGif,setSearchGif] = useState("");

const [addText,setAddText] = useState([]);
const [gifs,setGifs] = useState([]);


const postValue = ()=>{

  const addData = {
    id:Date.now(),
    name:searchText
  }
  console.log(addData);
  setAddText([...addText,addData])
  setSearchText("");

  // Add Gifs
  gifResponse();
 
}

const gifResponse = async()=>{
  const response = await Axios.get(`${Base_Url}?api_key=${Api_key}&q=${searchGif}`)
    //  const res = await response.json();
    setGifs(response.data.data);
   console.log(response.data.data)
 }

  return (
    <div className="App">
      <div className="container">
        <textarea
          type="text"
          className="form-control shadow-none mt-3"
          rows="15"
          cols="50"
          placeholder="Write Something Here..."
          value={searchText}
          onChange={(e)=>setSearchText(e.target.value)}
        />
        <div class="input-group mb-3 mt-2">
          <input
            type="text"
            class="form-control shadow-none"
            placeholder="Search Gif..."
            aria-label="Recipient's username"
            aria-describedby="basic-addon2"
            value={searchGif}
            onChange={(e)=>setSearchGif(e.target.value)}
          />
          <div class="input-group-append">
            <span class="input-group-text" id="basic-addon2" onClick={postValue}>
              POST
            </span>
          </div>
        </div>
        {
          addText.map((add,index)=>{
            return <h4 key={index}>{add.name}</h4>
          })
        }
        {
          gifs.map((gif)=>{
            return <img src={gif.images.fixed_height.url} />
          })
        }
      </div>
    </div>
  );
}

export default App;