我检查了这个错误的stackoverflow和唯一的结果,我已经得到的是,功能需要绑定与此。 但我已经在我的代码中这样做了,错误仍然存在。 我不知道为什么会发生这种情况。 上CodePen完整的代码和下面反应未捕获TypeError:_this2.setState不是一个函数
class MainComponent extends React.Component{
constructor(props) {
super(props);
this.setOperand = this.setOperand.bind(this);
this.calculate = this.calculate.bind(this);
this.updateValue = this.updateValue.bind(this);
this.state = {
currentValue: 0,
secondValue: 0,
operand: null,
isNewNum: false
};
}
setOperand = (value) => {
//set data from input
};
calculate =() => {
//math stuff
this.setState = ({
currentValue: result,
isNewNum: false
});
};
updateValue = (value) => {
if(!this.state.isNewNum){ //first Number
var newNum = "";
//set values
this.setState({
currentValue: newNum
});
} else {
var newNum2 = "";
//set values
this.setState({
secondValue: newNum2
});
}
};
render(){
return(
<div id="main">
<p>isNewNum = {`${this.state.isNewNum}`}</p>
{this.state.isNewNum ? <Display display ={this.state.secondValue}/> : <Display display ={this.state.currentValue}/>}
<div>
<Buttons value={1} onClick={this.updateValue}/>
...
<Buttons value={'+'} onClick={this.setOperand}/>
</div>
</div>
)
};
}
ReactDOM.render(<MainComponent />, document.getElementById("root"));
但是'setState'不是一个变量,你可以给它赋值... –
这就是整个观点。 Prototype链找到一个ownProperty'setState',它不再是一个函数 –
所以换句话说,我意外地分配了setState,这就是导致问题的原因。并且所有对它的调用都不会起作用,从而导致它不再是一个函数。非常感谢! – Eric