下記のコードをnpm startをすると。
ERROR in [eslint]
src\imageuploader.js
Line 10:33: 'file' is not defined no-undef
となります。
react
1import React from "react"; 2import { ref, uploadBytes } from "firebase/storage"; 3import storage from "./firebaseConfig"; 4 5const ImageUploader = () => { 6 const formHandler = (e) => { 7 e.preventDefault(); 8 const storageRef = ref(storage, "cristal.jpg"); 9 10 uploadBytes(storageRef, file).then((snapshot) => { 11 console.log('Upload a blog or file!'); 12 }) 13 } 14 return ( 15 <div className="flex justify-center"> 16 <form className="border-2 border-rose-500" onSubmit={formHandler}> 17 ファイルを選択 18 <input type="file" /> 19 <button className="m-20" type="submit">Upload</button> 20 </form> 21 </div> 22 ); 23}; 24 25export default ImageUploader;
よろしくお願いします。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。