tutorials/frontendJS/respotify/src/components/Album.js

27 lines
435 B
JavaScript

import React from 'react';
const Album = (props) => {
return (
<li>
<img
src={props.album.images[1].url}
alt={props.album.name}
style={Album.styles.img}
onClick={() => props.getTracks(props.album.id)}
/>
</li>
);
};
Album.propTypes = {
album: React.PropTypes.object.isRequired,
getTracks: React.PropTypes.func.isRequired,
};
Album.styles = {
img: {
marginBottom: '1em',
},
};
export default Album;