Javascript 为什么在Reactjs中的next onMouseUp事件上显示输出

我是新来的

ReactJS

，这就是为什么我的代码可能会有一些错误，但我现在不想这样。我正在创建一个

tic tac toe

，除了

winner

在下一次

onMouseUp

活动中更新之外，一切都很好。我到处找，但找不到错误

我想说的是，当我们玩

tic tac toe

游戏时，获胜的玩家会在他获胜时被提醒，但在我的代码中，这不会发生。它发生在我在

className=“square”

上执行onMouseUp事件之后

这是代码

var Mycheck=React.createClass({
getInitialState:函数（）{
返回{
disppp：“块”，
DISPP2：“无”，
cnt:0，
现行:1,，
turnNum:0，
玩家：“，
获奖者：“无”
}
},
handleClick：功能（事件、键）{
这是我的国家({
cnt:this.state.cnt+1
})
var divId=parseInt（event.target.id）；
var valvar=[]；
if（this.state.active）{
如果（this.state.cnt<9）{
这是我的国家({
turnNum:this.state.turnNum+1
})
如果（this.state.cnt%2==0）{
valvar[键]=“X”；
此设置状态（valvar）
这是我的国家({
disppp：“无”，
DISPP2：“块”
})
}否则{
valvar[键]=“O”；
此设置状态（valvar）
这是我的国家({
disppp：“块”，
DISPP2：“无”
})
}
}否则{
警报（“游戏抽签”）；
}
}
this.Findvalue（）；
},
Findvalue:function（）{
var-arr=[]；
var赢家；
var结式={
r1:[1,2,3],，
r2:[4,5,6],，
r3:[7,8,9]，
r4:[1,4,7]，
r5:[2,5,8]，
r6:[3,6,9]，
r7:[1,5,9]，
r8:[3,5,7]
};
对于（变量i=1；i<10；i++）{
arr[i]=document.getElementById（i）.innerHTML；
}
如果（arr[resultant.r1[0]==arr[resultant.r1[1]]和&arr[resultant.r1[0]==arr[resultant.r1[2]]和&arr[resultant.r1[0]！=“”和&arr[resultant.r1[1]！=“”和&arr[resultant.r1[2]！=“”）{
获胜者=arr[结果.r1[0]]；
}
如果（arr[resultant.r2[0]==arr[resultant.r2[1]]和&arr[resultant.r2[0]==arr[resultant.r2[2]]和&arr[resultant.r2[0]！=“”和&arr[resultant.r2[1]！“”）{
获胜者=arr[结果r2[0]]；
}
如果（arr[resultant.r3[0]==arr[resultant.r3[1]]和&arr[resultant.r3[0]==arr[resultant.r3[2]]和&arr[resultant.r3[0]！=“”和&arr[resultant.r3[1]！=“”和&arr[resultant.r3[2]！=“”）{
获胜者=arr[结果.r3[0]]；
}
如果（arr[resultant.r4[0]==arr[resultant.r4[1]]和&arr[resultant.r4[0]==arr[resultant.r4[2]]和&arr[resultant.r4[0]！=“”和&arr[resultant.r4[1]！=“”和&arr[resultant.r4[2]！=“”）{
winner=arr[resultant.r4[0]]；
}
如果（arr[resultant.r5[0]==arr[resultant.r5[1]]和&arr[resultant.r5[0]==arr[resultant.r5[2]]和&arr[resultant.r5[0]！=“”和&arr[resultant.r5[1]！=“”和&arr[resultant.r5[2]！=“”）{
winner=arr[resultant.r5[0]]；
}
如果（arr[resultant.r6[0]==arr[resultant.r6[1]]和&arr[resultant.r6[0]==arr[resultant.r6[2]]和&arr[resultant.r6[0]！=”&&arr[resultant.r6[1]！=”&&arr[resultant.r6[2]！=）{
winner=arr[resultant.r6[0]]；
}
如果（arr[resultant.r7[0]==arr[resultant.r7[1]]和&arr[resultant.r7[0]==arr[resultant.r7[2]]和&arr[resultant.r7[0]！=”&&arr[resultant.r7[1]！=”&&arr[resultant.r7[2]！=）{
winner=arr[resultant.r7[0]]；
}
如果（arr[resultant.r8[0]==arr[resultant.r8[1]]和&arr[resultant.r8[0]==arr[resultant.r8[2]]和&arr[resultant.r8[0]！=“”和&arr[resultant.r8[1]！=“”和&arr[resultant.r8[2]！=“”）{
winner=arr[resultant.r8[0]]；
}
如果（获胜者=“X”）{
这是我的国家({
活动：0，
玩家：“X”，
获奖者：“积木”
})
警告（“获胜者是玩家1”）；
}
如果（获胜者=“O”）{
这是我的国家({
活动：0，
玩家：“O”，
获奖者：“积木”
})
警告（“获胜者是玩家2”）；
}
},
render:function（）{
var divVal=“”；
var i=0；
返回（

车次号：{
this.state.turnNum+1
}
X的玩家1
<按钮样式={
{
显示：this.state.dispp2
}
}>O的播放器2


this.handleClick（e，“valvar1”）
}
禁用={
这是我的国家
} > {
这是我的国家
}
this.handleClick（e，“valvar2”）}disabled={this.state.valvar2}>{this.state.valvar2}
this.handleClick（e，“valvar3”）
}
禁用={
这是我的国家
} > {
这是我的国家
}
this.handleClick（e，“valvar4”）}disabled={this.state.valvar4}>{this.state.valvar4}
this.handleClick（e，“valvar5”）
}
禁用={
这是一个州
} > {
这是一个州
}
this.handleClick（e，“valvar6”）}disabled={this.state.valvar6}>{this.state.valvar6}
this.handleClick（e，“valvar7”）
}
禁用={
这是一个州
} > {
这是一个州
}
this.handleClick（e，“valvar8”）}disabled={this.state.valvar8}>{this.state.valvar8}
this.handleClick（e，“valvar9”）
}
残废
handleClick: function(event, key) {
    // if this.state.cnt == 0
    this.setState({
        cnt: this.state.cnt + 1
    })
    console.log(this.state.cnt); // this.state.cnt is still 0
}

handleClick: function(event, key) {
    var cnt = this.state.cnt;
    cnt++;
    var turnNum = this.state.turnNum;
    var divId = parseInt(event.target.id);
    var valvar = {};
    if (this.state.active) {
      if (cnt < 9) {
        turnNum++;
        if (cnt % 2 == 0) {
          valvar[key] = "X";
          disppp = "none";
          disppp2 = "block";
        } else {
          valvar[key] = "O";
          disppp = "block";
          disppp2 = "none";
        }
      } else {
        alert("GAME DRAW");
      }
    }
    this.setState({
      cnt: cnt,
      turnNum: turnNum,
      disppp: disppp,
      disppp2: disppp2
    })
    this.Findvalue();
}