Question

如果我在console log之后this.setState为componentWillMount中的相同状态调用constructor(props){ super(props); this.state = { total: 100, length: null, number: null, } } componentWillMount(){ let JSONFetchedNumber = 30.20; this.setState({length: JSONFetchedNumber}); console.log(this.state.length);// getting Null response let collect = this.state.total/this.state.length; let result = collect.toFixed(0)/1+1; this.setState({number: result});// This won't work cus length state in undefined } render() { console.log(this.state.length);// getting 30.20 Successfully

，我为何未定义

这个例子将解释问题

this.setState

为什么我无法在componentWillMount中立即使用componentDidMount状态？它只适用于渲染

我试过使用{{1}}它不会起作用。只有在渲染工作和我的问题，我不能在渲染中使用this.state

Answer 1

this.setState是一个异步函数，需要时间才能完成。如果要记录状态，精确的方法是将其记录在this.setState的回调中。这应该有效，

this.setState({length: JSONFetchedNumber}, ()=> console.log(this.state.length););

Answer 2

this.setState是一个异步函数。您正在尝试在状态更新之前访问它。所以无论你想对状态做什么操作，你都可以在回调函数中做到。

this.setState({length:JSONFetchedNumber},()=>{
  //Your code which is using state
  console.log(this.state)
})

Answer 3

你不应该在javascript中使用长度作为关键字，我很确定这是你的错误。

var.length是用于获取变量实际长度的javascript工具，必须存在冲突。

React：立即取消定义`this.setState`的状态

3 个答案: