本講義では、”total”のカウントアップを以下のようにreturnの中で直接されてますが、
return {
counters: counters,
total: prevState.total + 1
};

return文の外でカウントアップすることを考えた場合、以下のようにしても動きませんが何が問題でしょうか？
this.total=prevState.total+1;
return{counters:counterscpy,this.total} 　もしくは　 return{counters:counterscpy,total}

最終的には以下のようにすることで動きましたが、「this.total=prevState.total+1」でこのクラスで定義している"total"に値を入れているのに、なぜreturn文の中で”total"に再度入れ直す必要があるかが理解出来ません。
this.total=prevState.total+1;
return({counters:counterscpy,total:this.total})


よろしくお願いいたします。