最佳答案：
我使用create-react-app，我的App Component被 Package 在Strict模式下...这会触发setState两次...这完美地解释了为什么这在代码片段中不可重现，以及为什么函数被调用一次，而setState被调用两次。
移除严格模式完全修复了该问题。

这是 Package 在****组件中的**setState（callback）**方法的预期行为<React.Strict>。

回调执行两次，以确保它不会直接改变状态。

• 根据 ： github.com/facebook/react/issues/12856#issuecomment-390206425*

在程式码片段中，您会建立新的数组，但数组中的对象仍然相同：

const newResources = lastResources.map(resource => {
  if(resource.name === name){
    resource.amount = Number(resource.amount) + 1 
  }  
  return resource;
}

您必须单独复制每个对象：

const newResources = lastResources.map(resource => {
  const newObject = Object.assign({}, resource)
  if(resource.name === name){
    newObject.amount = Number(newObject.amount) + 1 
  }  
  return newObject;
}

只要你没有给我们提供一个可运行的例子，我对可能发生的事情有一个疑问，让我们看看它是否有效。
我可以看到的是在*gainResource*函数中，特别是在这一行中*resource.amount = Number（resource.amount）+ 1*您正在尝试在不使用setState的情况下更新状态，这是React Documentation不推荐的
请改为尝试先指定const myRessource = ressource，然后再传回myRessource。

gainResource(event)
    {
    console.count("gain button");
    const name = event.target.name;
    this.setState( (prevState)=>
      {
      const newResources =  prevState.resources.map(resource=>
        {
       const myRessource = ressource;
        if(myRessource.name === name)  
          {
          myRessource.amount = Number(myRessource.amount) + 1 //Number(prevState.clickers.find(x=>x.name===name).value)
        }  
        return myRessource;
      });
      console.log(prevState.resources.find(item=>item.name===name).amount, "old");
      console.log(newResources.find(item=>item.name===name).amount, "new");
      return {resources: newResources}
    });
  }

好吧......所以在拔了一些头发之后......我发现了一种有效的方法......但我不认为这是“最佳实践”，但现在当我写这篇文章时，它对我很有效：

gainResource(event)
    {
    const name = event.target.name;

    const lastResources =  this.state.resources.slice();
      const newResources = lastResources.map(resource=>
        {
        if(resource.name === name)  
          {
          resource.amount = Number(resource.amount) + 1 //Number(prevState.clickers.find(x=>x.name===name).value)
        }  
        return resource;
      });

    this.setState({resources: newResources});
  }

对比

gainResource(event)
    {
    console.count("gain button");
    const name = event.target.name;
    this.setState( (prevState)=>
      {
      const newResources =  prevState.resources.map(resource=>
        {
        if(resource.name === name)  
          {
          resource.amount = Number(resource.amount) + 1 //Number(prevState.clickers.find(x=>x.name===name).value)
        }  
        return resource;
      });
      console.log(prevState.resources.find(item=>item.name===name).amount, "old");
      console.log(newResources.find(item=>item.name===name).amount, "new");
      return {resources: newResources}
    });
  }

没有prevState函数的setState只被调用一次...而有prevState函数的setState被调用两次...为什么？
所以我仍然不明白为什么setState使用一个带有prevState的函数会在一个只调用一次的函数中导致两次函数调用......我已经读到我应该使用prevstate作为this.state.resources.slice（）;只是拍了一个“不定时的快照”，可能是不可靠的。这是真的吗...还是这种方法可以接受？
这是一个答案，任何其他人挣扎与此。希望一个更好的答案可以张贴后，这个启示可能会发生什么。

好吧，我花了一点时间来弄清楚这个问题。正如其他人提到的，你的回调函数必须是幂等的。这里要意识到的是，react每次调用它时都会将相同的状态对象示例传递到你的回调函数中。因此，如果你在第一次调用时更改了状态对象，那么在第二次调用时它将是不同的，你的回调函数将不是幂等的。

this.setState((state) =>
{
    //state.counter will have the same value on the first and second 
    //time your callback is called
    return { counter: state.counter + 1};
});

this.setState((state) =>
{
    //state.counter will have a value of n+1 the second time it is called 
    //because you are changing the sate object. This will have the net effect 
    //of incrementing state.counter by 2 each time you call this.setState!!
    state.counter = state.counter + 1;

    return { counter: state.counter};
});

上面的情况可能很明显，但在处理数组时，这种情况就不那么明显了。

this.setState((state) =>
{

    //even though we are creating a new array, the 
    //objects in the array have just been copied 
    //so changing them is probelmatic   
    newArray = [...state.someArray];    

    //this is ok as we are replacing the object at newArray[1]
    newArray[1] = {objectField : 1};

    //this is not ok
    newArray[1].objectField = 1;

    return { someArray: newArray};
});