javascript 在vanilla JS中获取React变量

c9qzyr3d  于 2023-04-10  发布在  Java
关注(0)|答案(2)|浏览(126)

我在React组件中有这些变量。我如何访问上面导入的vanilla JS文件中的bookings变量?

import "./script.js" {/* I want to access the bookings variable in this file */}

const Booking = () => {
let [bookings, setBookings] = useState([])
useEffect(() => {
    getBookings()
}, [])

let getBookings = async () => {
    let response = await fetch("http://127.0.0.1:8000/all/bookings/")
    let data = await response.json()
    setBookings(data)
}
...
}
bmvo0sr5

bmvo0sr51#

尝试在功能中导出您的预订。这样您就可以轻松导入它们,并通过简单的呼叫进行访问。

isr3a4wc

isr3a4wc2#

我最终用一个全局变量来解决这个问题,因为我找不到更好的方法。
React

useEffect(() => {
    window.globalvar = bookings;
}, [bookings])

JavaScript

let data = window.globalvar

相关问题