要将时区列表转换为响应本地时间

Question

我是新来的本地人。我想显示时间。我有一个json文件，其中根据国家/地区名称显示了所有时区。我已经实现了自动完成功能，其中在每当我选择国家/地区时，就会显示该国家/地区的时间。

这是我所得到的图像 这是我的自动填充和清单列表代码，其中将显示选定的时区。

render() {
const { query } = this.state;
const autotime = this.findtimezone(query);
const comp = (a, b) => a.toLowerCase().trim() === b.toLowerCase().trim();
return (
  <View style={styles.container}>
  <Autocomplete
      autoCapitalize="none"
      autoCorrect={false}
      containerStyle={styles.autocompleteContainer}
      data={autotime.length === 1 && comp(query, autotime[0].name) ? [] : autotime}
      defaultValue={this.state.timeZone}
      onChangeText={text => this.setState({ query: text })}
      placeholder="Enter Location"
      renderItem={({ name, release_date }) => (
        <TouchableOpacity onPress={() => this.setState({ query: name,timezoneArray:autotime[0].timezones })}>
          <Text style={styles.itemText}>
            {name}
          </Text>
        </TouchableOpacity>
      )}
    />
    <View style={styles.descriptionContainer}>
    {autotime.length > 0 ? (
      <FlatList
      keyExtractor={(item, index) => index}
      style={{flex:1}}
      data={this.state.timezoneArray}
      renderItem={({item,index}) => <Text style={{padding:10,borderBottomWidth:1,borderBottomColor:"#000000"}}>{item}</Text>}


      />

      ) : (
        <Text style={styles.infoText}>Enter Location</Text>
      )}
    </View>    

  </View>

我想将给定的时区转换为时间并显示。任何帮助将不胜感激。