您的位置：首页 > Web前端 > React

asp.net mvc4 集成reactjs

2015-12-16 10:22 751 查看

创建一个空的mvc4项目

安装

React.Web.Mvc4

Nuget包：

Install-Package React.Web.Mvc4

到这里下载

starter kit

包，解压后取得react.js, react-dom.js文件添加到项目里

添加首页 Home->Index

@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script type="text/javascript" src="~/Scripts/react.js"></script>
<script type="text/javascript" src="~/Scripts/react-dom.js"></script>
</head>
<body>
<div id="content">
</div>
<script src="~/jsx/home.index.jsx"></script>
</body>
</html>

添加

home.index.jsx

文件，编写reactjs代码

var CommentBox = React.createClass({
render: function () {
return(
<div className="commentBox">
I  am a Comment box.
</div>
);
}
});
ReactDOM.render(
<CommentBox />,
document.getElementById("content")
);

运行网站，报错

查看项目引用，发现项目引用的

Newtonsoft.Json

程序集版本为

6.0.0.0

，这是安装

React.Web.Mvc4

Nuget包时自动下载的，也不好改，于是想到了程序集版本重定向，在web.config里配置如下

<runtime>
<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
<dependentAssembly>
<assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30ad4fe6b2a6aeed" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-6.0.0.0" newVersion="6.0.0.0" />
</dependentAssembly>
</assemblyBinding>
</runtime>

好了，大功告成，运行结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航