Я новичок, чтобы реагировать на родных. Я хочу показать время. У меня есть один файл 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>
Я хочу преобразовать данный часовой пояс во время и отобразить его. Любая помощь будет оценена.