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

Question

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

样品URL：

<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传递给视图。