HTML要素のID値として数字は使用できません🤬


くどくど言う
コメント削除機能を実現するには、「コメントコンポーネントの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()関数で数値に変換し、良好に動作します!!