reactsetState赋值后数据没有和时更新

之前使用setState重新赋值后，在render中直接渲染到页面上。

这次遇到了在一个点击事件中，需要setState赋值后将变量传给父组件。

1.  
   this.state = {
2.  
   starttime: "2022-11-01",
3.  
   endtime: "2022-11-10",
4.  
   };
5.  
    
6.  
   changeTime = (data, dateString) => {
7.  
   const { starttime, endtime } = this.state;
8.  
   //dateString：一个数组，包含两个值
9.  
   this.setState({
10.  
    starttime: dateString[0],
11.  
    endtime: dateString[1],
12.  
    });
13.  
     
14.  
    this.props.getDates(this.state.starttime, this.state.endtime); //子传父
15.  
    };

原来的代码是这样的，但是传递出来的之后在父组件内打印发现两个值并没有更新，查阅资料发现需要在setState这个方法内再写一个箭头函数。如下

1.  
   changeTime = (data, dateString) => {
2.  
   //dateString：开始/结束时间
3.  
   this.setState({ starttime: dateString[0], endtime: dateString[1] }, () => {
4.  
   const { starttime, endtime } = this.state;
5.  
   this.props.getDates(this.state.starttime, this.state.endtime);
6.  
    
7.  
   });
8.  
   };

这样可以直接在setState重新赋值后就可以立马调用方法.

这篇好文章是转载于：学新通技术网