HTML要素のID値として数字は使用できません🤬
くどくど言う
コメント削除機能を実現するには、「コメントコンポーネントのid値の削除」ボタンと「コメントの削除」ボタンの
同じid値を付与し、filter関数でコメントを削除する機能を実現しようとします...
しかし、どのようにコードを修正して書き直しても、機能は正常に動作しません.
そしてグーグル検索で見つけたのは
結論...?
タイトルに記載されているように、HTML要素のID値として数字は使用できません.
HTMLのID値は1文字以上含まなければならないので、数字で始まることはできません.
解決策
dataから得られたid値は同じだと思います.
id値は付与できないためstringタイプに自動的に変換される可能性があります.
そのため、このid値をnumber()関数で数値に変換し、良好に動作します!!
コメント削除機能を実現するには、「コメントコンポーネントのid値の削除」ボタンと「コメントの削除」ボタンの
同じid値を付与し、filter関数でコメントを削除する機能を実現しようとします...
しかし、どのようにコードを修正して書き直しても、機能は正常に動作しません.
そしてグーグル検索で見つけたのは
HTML 요소는 ID 값으로는 숫자를 사용할 수 없다.
!結論...?
タイトルに記載されているように、HTML要素のID値として数字は使用できません.
HTMLのID値は1文字以上含まなければならないので、数字で始まることはできません.
解決策
deleteComment = e => {
const deleteCommentId = Number(e.target.id);
const result = this.state.comment.filter(
comment => comment.id !== deleteCommentId
);
this.setState({
comment: result,
});
};
type of演算子でデータ型をチェックすると、データ型が異なることがわかります.dataから得られたid値は同じだと思います.
id値は付与できないためstringタイプに自動的に変換される可能性があります.
そのため、このid値をnumber()関数で数値に変換し、良好に動作します!!
Reference
この問題について(HTML要素のID値として数字は使用できません🤬), 我々は、より多くの情報をここで見つけました https://velog.io/@qldudgh/React-HTML-요소의-ID-값으로는-숫자를-사용할-수-없다テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol