JSX未返回预期的HTML

我的react组件的返回语句中包含以下代码:

return (
        <div>
            {
                props.photos.length > 0 &&
                    <div>
                    {props.photos.map((photo) => 
                        <div>
                            <a target="_blank"
                                href="/api/game_theory/game-files/{this.props.profileId}/files/{photo.id}/{photo.downloadName}">
                                {photo.title}
                            </a>
                        </div>
                    )}
                    </div>
            }
        </div>
    );

它无错误地呈现,但是锚标记在HTML中如下所示:

<a target="_blank" href="/api/game_theory/game-files/{this.props.profileId}/files/{photo.id}/{photo.downloadName}">
                                ActualPhotoName.jpg
                            </a>

所以photo.title是正确的,但是photo.id、photo.downloadname和this.props.profileid不是。

我肯定我做错了什么事,我很感谢你的帮助。:)