How do I return the date?

Question

renderItem = ({item}) => {
        return(
            <TouchableWithoutFeedback onPress={()=> this.setState({isItemVisible: true, modalData: {...item}})}>
            <View style={{
                flexDirection: 'row',
                flex: 1,
                marginLeft: 25
            }}>
                <View style={{
                    flex: 1,
                    justifyContent: 'center'
                }}>
                    <Text style={{color: 'black'}}>{item.period}h</Text>
                </View>
                <View style={{flex: 2, marginLeft: 5, justifyContent: 'center'}}>
                    <Text style={{color: 'black', textAlign: 'justify'}}>{item.name}</Text>
                </View>
                <View style={{alignItems: 'flex-end', justifyContent: 'center'}}>
                    <MaterialIcons name='keyboard-arrow-right' size={20} />
                </View>
            </View>
            </TouchableWithoutFeedback>
        )
    }

My item.period comes from the api and I want to return it only the day of the month that is there

Answer 1

To do straight in rendering you can use so:

<Text style={{color: 'black'}}>{new Date(item.period).getDate()}h</Text>

It will return you the day of the month as you wish, in case the entry is as your example "period": "2019-10-17T00:00:00.000-03:00" will return 17