問題タブ [react-state]

以下は、クリックボタンを使用してカウントをインクリメントしようとしているコードですが、値を更新していません。コンソールでもエラーは発生しませんが。ここで私が間違っていることを教えてください。

JS コード -

コードペン - https://codepen.io/anon/pen/LaMOEp

この問題に関連するすべてのスタックオーバーフローの質問、この公式の反応投稿、および推奨される解決策を既に読みました。
もう使用することはお勧めしcomponentWillReceivePropsません！

この質問を重複としてマークする前に、私の特定の質問を理解してください。特定の問題の解決策が見つかりませんでした。

私がやろうとしていることは非常に簡単です:私はpropsから値を受け取り、値を送信
する コンポーネントを持っています(コールバック) onEnterイベント(入力時にのみサーバーに値を送信します) props.valueはランダムに変更できます(サーバーからの websocket による)KInputRange

私の質問:
私のコンポーネント内では、<input>value 属性はデータを取得しますpropsかstate?

小道具からの場合: ユーザーが入力データを入力したときに値を内部的に更新するにはどうすればよいですか?

状態からの場合: props.value がサーバーからランダムに変更された場合、新しい値を更新するにはどうすればよいですか?

私は実際に小道具の変更で内部状態を更新する必要がありますが、反応がアンチパターンだと言っている場合、今日それを行う方法は?

これまでの私のコード：

使用法：

「デコードされたトークン」から「ユーザー」を取得し、そのユーザーを状態に設定していますが、「ユーザー」には値がありますが、値が状態に格納されていません。

これが私のコードです。

しかし、ユーザーは状態に保存されていません。助けてください。