如何将图像放入React-component？我的图像在srs/images.中，我尝试通过以下方式获取：

useEffect(() => {
  const fetchData = async() => {
    try {
      const response = await axios.get("http://127.0.0.1:5000/api/user", {
        headers: {
          Authorization: `Bearer ${localStorage.getItem("access_token")}`,
        },
      });

      const {
        firstName,
        lastName,
        avatar
      } = response.data;
      setFirstName(firstName);
      setLastName(lastName);
      setAvatar(avatar);
    } catch (error) {
      console.error("Error fetching user data:", error);
    }
  };

  fetchData();
}, []);

我的头像看起来像../images/first_image.png和比我不能查看它

<img src={avatar}
    alt={"Avatar"}
    style={{marginLeft: "5%", width: "4vh"}}/>

在我的postgres sql中，图像就像路径：../images/four_image.png