Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在React Native中获取日期年和月并创建计数器时间?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何在React Native中获取日期年和月并创建计数器时间?

Javascript 如何在React Native中获取日期年和月并创建计数器时间?,javascript,reactjs,Javascript,Reactjs,我有这样一个API的响应(2020-10-01 09:56:37),我想像“2020年10月4日,星期一”这样处理它,对于这样的计数器时间0天,9小时:40分钟:23秒,其次我想继续运行,我已经尝试在模拟器中使日、装载和年运行良好,但在生成结果为NaN之后,如何使结果不为NaN并创建计数器时间 这是我的州 const [jam, setJam] = useState(null) const [menit, setMenit] = useState(null) const [detik, setD

我有这样一个API的响应(2020-10-01 09:56:37),我想像“2020年10月4日,星期一”这样处理它,对于这样的计数器时间0天,9小时:40分钟:23秒,其次我想继续运行,我已经尝试在模拟器中使日、装载和年运行良好,但在生成结果为NaN之后,如何使结果不为NaN并创建计数器时间

这是我的州

const [jam, setJam] = useState(null)
const [menit, setMenit] = useState(null)
const [detik, setDetik] = useState(null)
这是我的职责

const _getDetailPesanan = (invoiceCode) => {
    api.get(`/v1/snack/order/detail?invoiceCode=${invoiceCode}`, {
      headers: { 'Authorization': 'Bearer' + AsyncStorage.getItem('app-token') }
    })
      .then(res => {
        console.log(res.data.Data.transTimeLimit)
        setResult(res.data.Data)
        const dateLimit = new Date(res.data.Data.transTimeLimit)
        let day = dateLimit.getDay()
        let date = dateLimit.getDate()
        let mounth = dateLimit.getMonth()
        let year = dateLimit.getFullYear()
        let jam = dateLimit.getHours()
        let menit = dateLimit.getMinutes()
        let detik = dateLimit.getSeconds()
        const hari = ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu']
        const bulan = ['Januari', 'Febuari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']
        setJam(jam)
        setMenit(menit)
        setDetik(detik)
        setDateLimit(`${hari[day]}, ${day} ${bulan[mounth]} ${year}`)
        setState('loading', false)
        console.log(day)
        console.log(mounth)

      })
      .catch(err => console.log(err))
  }

你把这个函数称为什么?在呈现组件之前,需要使用获取的数据设置状态。现在,在使用获取的数据设置状态之前,将呈现组件。它是NaN,因为初始状态仍然为空。