Javascript 需要帮助在reactjs中将常量从一个文件传递到另一个文件吗

Javascript 需要帮助在reactjs中将常量从一个文件传递到另一个文件吗,javascript,reactjs,firebase,firebase-storage,Javascript,Reactjs,Firebase,Firebase Storage,我仍然是reactjs的初学者,我需要一些帮助如何在const[url,setUrl]=useState(“”)中传递url复制到另一个文件。。。如何导出此常量。。并将其导入另一个文件中 const ReactFirebaseFileUpload=()=>{ const [image , setImage]=useState(null); const [url, setUrl] = useState(""); const [progress,

我仍然是reactjs的初学者,我需要一些帮助如何在
const[url,setUrl]=useState(“”)中传递
url
复制到另一个文件。。。如何导出此常量。。并将其导入另一个文件中

  const ReactFirebaseFileUpload=()=>{
    const [image , setImage]=useState(null);
    const [url, setUrl] = useState("");
    const [progress, setProgress] = useState(0);
    const handleChange= e =>{
        if (e.target.files[0]){
            setImage(e.target.files[0])

        }
     };
     const handleUpload = () => {
        const uploadTask = storage.ref(`images/${image.name}`).put(image);
        uploadTask.on(
          "state_changed",
          snapshot => {
            const progress = Math.round(
              (snapshot.bytesTransferred / snapshot.totalBytes) * 100
            );
            setProgress(progress);
          },
          error => {
            console.log(error);
          },
          () => {
            storage
              .ref("images")
              .child(image.name)
              .getDownloadURL()
              .then(url => {
                setUrl(url);
              });
          }
        );
      };
    console.log('images :',image);

    return(
    <div>
        <input type="file" onChange={handleChange}/>
        <button onClick={handleUpload}>Upload</button>
        <img src={url || "http://via.placeholder.com/300"} alt="firebase-image" />
    </div>

    )
  }
  export default ReactFirebaseFileUpload;
const ReactFirebaseFileUpload=()=>{
const[image,setImage]=useState(null);
const[url,setUrl]=useState(“”);
const[progress,setProgress]=useState(0);
常量handleChange=e=>{
if(e.target.files[0]){
setImage(e.target.files[0])
}
};
常量handleUpload=()=>{
const uploadTask=storage.ref(`images/${image.name}`).put(image);
上传任务(
“状态已更改”,
快照=>{
const progress=Math.round(
(snapshot.bytesttransfered/snapshot.totalBytes)*100
);
设定进度(进度);
},
错误=>{
console.log(错误);
},
() => {
存储
.ref(“图像”)
.child(image.name)
.getDownloadURL()
。然后(url=>{
setUrl(url);
});
}
);
};
log('images:',image);
返回(
上传
)
}
导出默认的FireBaseFileUpload;
您不会“导出”它。您必须使用某种全局状态来存储它,只要您需要它在这个组件之外。