51
rated 0 times
[
55]
[
4]
/ answers: 1 / hits: 32317
/ 7 Years ago, tue, september 26, 2017, 12:00:00
i'm passing the following as props.
const people=['Eliana','Stefania','Ahmed']
{
people.map(function(name, index){
return <Person item={index} name={name}/>;
})
}
import Eliana from '../assets/imgs/people/eliana.png'
import Stefania from '../assets/imgs/people/stefania.png'
import Ahmed from '../assets/imgs/people/ahmed.png'
export default class Person extends React.Component {
render() {
return (
<div>
<img src={this.props.name} alt=''/>
<li key={this.props.item}>{this.props.name}</li>
</div>
);
}
}what i'm doing here is using the above strings in the array to pass to a component and then generate images from that component by using the corresponding path, however when i pass the props, they display as strings, like Eliana would display as is in the img src?
how do i get corresponding paths? some kind of string conversion probably?
i bet this is an easy one!
More From » reactjs
