React image placeholders?

JavaScript
1

Hey guys, I created a node/express backend and am having trouble set the default placeholders just to kittens and can’t get this to work right in my component. I have it as an anchor tag but can’t figure out how to set it to an image, can anyone help?

import React from 'react'


const Art = (props) => {
    return (
        <div className="art">
            <hr />
            <div><a href='/'>{props.art.poster}</a></div>
            <br />
            <div><b>Title:</b> <i>{props.art.title}</i></div>
            <br />
            <div><b>Year:</b> {props.art.year}</div>
            <br />
            <div><b>Medium:</b> {props.art.medium}</div>
            <br />
            <div><b>Description:</b> {props.art.description}</div>
            <br />
        </div>
    )
}

export default Art
2

Never mind, I solved it.

import React from 'react'


const Art = (props) => {
    return (
        <div className="art">
            <hr />
            <div><img src={props.art.poster}></img></div>
            <br />
            <div><b>Title:</b> <i>{props.art.title}</i></div>
            <br />
            <div><b>Year:</b> {props.art.year}</div>
            <br />
            <div><b>Medium:</b> {props.art.medium}</div>
            <br />
            <div><b>Description:</b> {props.art.description}</div>
            <br />
        </div>
    )
}

export default Art