将相对图像URL传递给asp.net中的Reactjs组件

Question

我应该如何从asp.net mvc 5项目中将相对url传递给我的ReactJs组件？

示例网址：

<img src="~/Content/themes/base/images/DocumentBase.png" />

样本组件：

var ImageViewer = React.createClass({

render: function () {
    return (
        <div onClick={this.clickHandler}>
            <img src={this.props.src} />
        </div>
        );
},

clickHandler: function () {

    this.props.onClick(this.props.ref);
}

}）;

从服务器我使用Reactjs.Net因此我的html

   <div class="list-group">
             @Html.React("ImageViewer", new
            {
                src = imgUrl
            })
        </div>

Answer 1

使用Url.Content。您可以直接在视图中调用它：

@Html.React("ImageViewer", new
{
    src = Url.Content(imgUrl)
})

或者您可以在控制器中调用Url.Content，并将完整的URL传递给视图。