Как дать свойство изображению в ReactDOM?

<script type="text/babel">
            var TeamCard = React.createClass({
                render: function () {
                    return  (
                        <article className="open hidden">
                            <img className="article-img" src={this.props.imagePath} alt={this.props.name} />
                                <h1 className="article-title">
                                    <a href="">{this.props.name}</a>
                                </h1>
                        </article>
                    )
                }
            })

            ReactDOM.render(
                <div>
                    <TeamCard imagePath="svg/charlotte-hornets.svg" name="Charlotte Hornets"/>
                    <TeamCard imagePath="svg/charlotte-hornets.svg" name="Charlotte Hornets"/>
                </div>,
                document.getElementById("cards")
            )
        </script>