Как сохранить форму, прикрепляющую изображение, с помощью firebase(база данных в реальном времени) и реагировать

# #reactjs #firebase #firebase-realtime-database

#реагирует на #огневая база #firebase-база данных в реальном времени

Вопрос:

Я могу сохранить другие данные(имя,описание), но при сохранении изображения он их не сохраняет.

Я пробовал просматривать различные учебные пособия и читать документацию, но до сих пор не нашел ответа.

Вот как это выглядит на базе огня.

Вот как это выглядит на базе огня.

 const [file, setfile] = useState();  const [name, setname] = useState();  const [description, setdescription] = useState();  const addProduct = async () =gt; {  await fetch(  "URL",  {  method: "POST",  headers: {  "Content-Type": "application/json",  },  body: JSON.stringify({ file, name, description }),  } )  .then((res) =gt; console.log("uploaded"))  .catch((error) =gt; console.log(error));  };  return ( lt;div className="product_form"gt;   lt;spangt;Nuevo productolt;/spangt;  lt;label htmlFor=""gt;Imagenlt;/labelgt;  lt;input  type="file"  name="file"  id=""  onChange={(e) =gt; setfile(e.target.files[0])}  /gt;  lt;br /gt;  lt;label htmlFor=""gt;Nombrelt;/labelgt;  lt;input  type="text"  name="elementname"  id=""  value={name}  onChange={(e) =gt; setname(e.target.value)}  /gt;  lt;br /gt;   lt;label htmlFor=""gt;Descripcionlt;/labelgt;  lt;input  type="text"  name="description"  id=""  value={description}  onChange={(e) =gt; setdescription(e.target.value)}  /gt;  lt;br /gt;  lt;button onClick={() =gt; addProduct()}gt;Submitlt;/buttongt;  lt;/divgt;  

); };