React の状態に関するこのエラーを修正するにはどうすればよいですか?

Question

ブロック上で Enter キーを押すと、そのブロックの下に新しいブロックが表示され、その後ろにある残りの部分が新しいブロックの下に配置される、単純な反応アプリを作成したいと考えています。

しかし、複数のブロックがある場合、前のブロックで Enter キーを押すと、後のブロックが消えてしまいます。

＃＃＃理解できません。誰かこの間違いを指摘してもらえますか？

以下はコードと画像の一部です:

editablePage.tsx リーリー

editableBlock.tsx リーリー ＃＃＃前に：＃＃＃

最初のブロックで Enter キーを押した後:

エラーがブロックに起因していることがわかりましたが、なぜこれが起こるのか理解できません。

Answer 1

これは react-contenteditable に関する既知の問題です。lovasoa/react-contenteditable# 161:

を参照してください。

リンクされた質問で提案されている回避策のうち、 このコメント を試すことができます。これは useEventCallback は、usecallback からのすべての変更値の読み取り方法に示されています" rel="nofollow noreferrer">レガシー React ドキュメント > useCallback## から読み取る方法 # 読み取り頻繁に値を変更しますか? : リーリー