반응 상태에 대한 이 오류를 수정하는 방법은 무엇입니까?

Question

블록에서 Enter 키를 누르면 새 블록이 해당 블록 아래에 나타나고 그 뒤에 있는 나머지 블록도 새 블록 아래에 표시되는 간단한 반응 앱을 만들고 싶습니다.

하지만 블록이 여러 개인 경우 이전 블록에서 Enter 키를 누르면 후자 블록이 사라집니다.

이해가 안 돼요. 누구든지 이 오류를 지적할 수 있나요?

다음은 일부 코드와 사진입니다:

editablePage.tsx

으아아아

editableBlock.tsx

으아아아

이전:

첫 번째 블록에서 Enter를 누른 후:

블록에서 오류가 발생한다는 것을 알았지만 왜 이런 일이 발생하는지 이해가 되지 않습니다.

Answer 1

이것은 react-contenteditable에 대해 알려진 문제입니다. lovasoa/react-contenteditable# 161:

을 참조하세요.

링크된 질문에 제안된 해결 방법에서 useEventCallbackevery-change-value-from-usecallback" rel="nofollow noreferrer">Legacy React Documentation > How to from의 변형인