Asp.net 设置状态不';单击按钮时不更新

Asp.net 设置状态不';单击按钮时不更新,asp.net,reactjs,model-view-controller,state,setstate,Asp.net,Reactjs,Model View Controller,State,Setstate,我正在尝试使用setState更改按钮的颜色。但是当点击按钮时,它不会改变状态。我已经附上了我的App.js和Index.html文件 当我在VisualStudio代码上尝试它时,它就工作了。但它在visual studio 2019中无法与asp.net mvc一起工作。我想用Asp.net mvc和reactjs集成项目来尝试一下 类业务扩展React.Component{ 建造师(道具){ 超级(道具); this.state={color:“red”}; } changeColor=

我正在尝试使用
setState
更改按钮的颜色。但是当点击按钮时,它不会改变状态。我已经附上了我的
App.js
Index.html
文件


当我在VisualStudio代码上尝试它时,它就工作了。但它在visual studio 2019中无法与asp.net mvc一起工作。我想用Asp.net mvc和reactjs集成项目来尝试一下

类业务扩展React.Component{
建造师(道具){
超级(道具);
this.state={color:“red”};
}
changeColor=()=>{
this.setState({color:“blue”});
}
render(){
返回(
我最喜欢的颜色是{this.state.Color}
变色
);
}
}
@使用React.Web.Mvc
@{
ViewBag.Title=“Index”;
}
指数
@React(“业务”),新
{

})
请使用以下内容更新您的代码:

类业务扩展React.Component{
建造师(道具){
超级(道具);
此.state={
颜色:“红色”
};
}
changeColor=()=>{
/*请删除警报*/
警报(“工作”);
this.setState({color:“blue”});
}
render(){
返回(
我最喜欢的颜色是{this.state.Color}
变色
);
}
}

出口违约业务您的代码在stakblitz中运行良好,请检查链接
https://stackblitz.com/edit/react-ebfpee
react代码绝对正确。它对我来说工作正常。当我在VisualStudio代码上尝试它时,它工作正常。但它在visual studio 2019中无法与asp.net mvc一起工作。我想用Asp.net mvc和reactjs集成项目来尝试一下。