如何从 Reactjs 中的 setstate 初始化？

Question

_handleClickFilter(value, xname, chartId){
    console.log("dataSourceId", this.state.dataSource);
    this.setState({
          filterData: [{
          filter: "equals",  
          value:value ,
          attribute:xname, 
        }]
        });

    let filterdefinitions = {
        dataSourceId : "59ef50d6e4b054efd6d8aa53",
        filterDefinitions: this.state.filterData,
      }

      let data = {
        filterDefinitions: [filterdefinitions],
      };
      DashboardAction._ApplicableFilterToDashboard(data, this.props.params.dashboardId);
      DashboardAction._ApplicableFilterToChart(data, this.props.params.dashboardId, chartId);
      DashboardAction._saveFilterToDashboard(data, this.props.params.dashboardId);


}

我能够以我想要的设置状态获取值。但是这些值没有得到设置。显示值仅存在于 this.state 中。

提前致谢

Answer 1

用这个

替换您设置的状态代码

   this.setState({ 
        filterData: this.state.filterData.map((data, index) => {
        data.filter = "equals",
        data.value = value,
        data.attribute=xname
}) });

Answer 2

setState 是async，所以不保证在你用过之后再设置state，直到触发re-render。在设置状态后立即使用它时应该非常小心，更多 'reactive' 的方法通常更好。但是，如果您想确保能够访问新状态，可以使用 setState 的 第二个参数，这是一个回调函数，当状态已设置。

你可以这样使用它：

_handleClickFilter(value, xname, chartId){ this.setState({ filterData: [{ filter: "equals", value:value , attribute:xname, }] }, () => { let filterdefinitions = { dataSourceId : "59ef50d6e4b054efd6d8aa53", filterDefinitions: this.state.filterData, } let data = { filterDefinitions: [filterdefinitions], }; DashboardAction._ApplicableFilterToDashboard(data, this.props.params.dashboardId); DashboardAction._ApplicableFilterToChart(data, this.props.params.dashboardId, chartId); DashboardAction._saveFilterToDashboard(data, this.props.params.dashboardId); }); }

如何从 Reactjs 中的 setstate 初始化？

How to initialize from setstate in Reactjs?

javascript

setstate

reactjs