我想在api返回的数据中使用slice（x，y），length（）等字符串函数。
我已使用 JSON.stringfy(obj) 变为变量 mystr 并使用字符串函数。但是每当页面重新加载/呈现时，控制台就会显示 TypeError: Cannot read property 'slice' of undefined i、 e.无法识别字符串方法。

代码如下

import React, {useState,useEffect} from 'react';

const TimeZoneComponent = () => {

const [data, setData] = useState([]);

const timeZone = () => {
    fetch("http://worldtimeapi.org/api/timezone/Asia/Kolkata")
    .then((response)=>response.json())
    .then((json)=>{
        console.log(json);
        setData(json);
    })
}

useEffect(()=> {
        timeZone();
},[])

let mystr = JSON.stringify(data.datetime);

return(
    <div className="timezone">       
        Date: {mystr.slice(1,10)} <br/>
        Time: {mystr.slice(12,13)} <br/>
        Timezone: {data.timezone}
    </div>
);

}

export default TimeZoneComponent;

我试图分别显示时间和日期。我怎样才能提高？？？？