I have the error already mentioned
message: 'Property' artist 'does not exist on type' Readonly < { children ?: ReactNode; } > & Readonly < {} & ';' at: '16, 56 'source:' js'
But the project starts normal without problems, I do not know if I need to install something from Eslint or configure in .eslintrc.js
, I'm using Visual studio code
import React, { Component } from 'react';
import Icon from 'react-native-vector-icons/Ionicons';
import {
StyleSheet,
Text,
View,
Image,
} from 'react-native';
export default class ArtistBox extends Component {
render() {
const { image, name, likes, comment } = this.props.artist
const likeicon = (<Icon name="md-heart-outline" size={30} color="gray" />)
const comenticon = (<Icon name="ios-chatboxes-outline" size={30} color="gray" />)
return (
<View style={styles.artisbox}>
<Image style={styles.hayley} source={{ uri: image }} />
<View style={styles.info}>
<Text style={styles.name} >{name}</Text>
<View style={styles.row}>
<View style={styles.setupicon}>
<Icon>{likeicon}</Icon>
<Text style={styles.texsetup}>{likes}</Text>
</View>
<View style={styles.setupicon}>
<Icon>{comenticon}</Icon>
<Text style={styles.texsetup}>{comment}</Text>
</View>
</View>
</View>
</View>
);
}
}