“foo”的当前值在 useEffect 中不一样

Question

我正在做一个反应项目，我遇到了一些我无法解决的问题。

概括：

我将值设置为一个名为“concatValue”的数组，在 useEffect 中有一个 useState。 这完美地工作。 然后我想在 useEffect 中通过调度将这些值发送到 redux。 我不知道为什么“concatValue”的当前值与其在调用调度的 useEffect 中的值之间存在不匹配。

例如：

在 useEffect 中调用 'concatValue' 的 4 个 setState 之后：

1. 连接值 = 50

2. 连接值 = 120

3. 连接值 = 80

4. 连接值 = 30

调用dispatch函数的useEffect中'concatValue'的当前值

1. concatValue = 未定义

2. 连接值 = 50

3. 连接值 = 120

4. 连接值 = 80

这是代码

`const [concatValues, setConcatValues] = useState([])`


  useEffect(()=>{
    const firstGraphSeriesValues = []
    const firstLockedGraphSeriesValues = []
    if(firstGraphSeries && firstLockedGraphSeries){
      firstGraphSeries.forEach((el) => {
         el.data.forEach(d => {
           firstGraphSeriesValues.push(d[1])
         })
       }) 
      firstLockedGraphSeries.forEach((el) => {
         el.data.forEach(d => {
           firstLockedGraphSeriesValues.push(d[1])
         })
       }) 
     }
     `setConcatValues(firstGraphSeriesValues.concat(firstLockedGraphSeriesValues))`          
  },[firstGraphSeries, firstLockedGraphSeries])



 useEffect(() => {
    if (props.callInfos && props.levers.length > 0) {
      dispatch(Actions.setIsLoading())
      const metricsToCall = []
      props.callInfos.forEach((graph) => {
        graph.metrics.forEach((metric) => {
          metricsToCall.push({
            id: metric,
            allCountries: true
          })
        })
      })
      dispatch(
        props.getMapData({
          url: globalConfig.API_GRAPH_METRIC_URL,
          metrics: metricsToCall,
          levers: props.levers,
          callInfos: props.callInfos,
          country: props.country,
          legend: props.legend,
          //pass concatValues to mapDisplay.action --> mapDataHelper if needed
          `allValues: concatValues`
        })
      )
    }
  }, [props.callInfos, props.isUpdating, props.country, props.levers, props.legend])

如果您有任何提示，他们非常欢迎！