svelte - 从 OnMount 中提取一个 var，比如 useState

Question

我试图在我的代码中使用我在 onmount 中创建的常量作为 {myip}，我不知道如何从 onmount 中提取它

<script>
  import { page } from '$app/stores'
  import axios from 'axios'
  import { onMount } from 'svelte'

  onMount(async () => {
    const firstip = await axios.get(`https://geolocation-db.com/json/`)

    const finalip = await axios.get(`https://api.ipregistry.co/` + `${firstip.data.IPv4}` + `?key=6nn8zr4k2h34cwkw32`)

    if (!finalip.data.carrier.name) {
      const myip = finalip.data.location.city
      console.log(myip)
    } else {
      const myip = '7 km'
      console.log(myip)
    }
  })

  const { id } = $page.params

  console.log(id)
  const name = id.charAt(0).toUpperCase() + id.slice(1)
</script>

我想提取“myip”并在 onmount 之外使用它谢谢你

Answer 1

只需在let 之前声明它并在onMount 中设置它即可

let myip

onMount(async () => {
    ...

    if (!finalip.data.carrier.name) {
      myip = finalip.data.location.city      
    } else {
      myip = '7 km'      
    }
})