How to remove comment from localstorage in React?

Question

React

Tell me how to remove a comment from localStorage along with removal from the general list (removeComment function)?

import React, { Component } from "react";
import CommentSection from "./CommentSection";
import Form from "./Form";

class App extends Component {
  state = {
    comments: []
  };

  componentDidMount() {
    if (localStorage.getItem("state")) {
      this.setState({ ...JSON.parse(localStorage.getItem("state")) });
    }
  }

  //Добавление комментария
  handleSubmit = comment => {
    this.setState({ comments: [...this.state.comments, comment] }, () =>
      localStorage.setItem("state", JSON.stringify(this.state))
    );
  };

  //Удаление комментария
  removeComment = index => {
    const { comments } = this.state;

    this.setState({
      comments: comments.filter(
        (comment, i) => {
          return i !== index;
        },
        () => localStorage.setItem("state", JSON.stringify(this.state))
      )
    });
  };

  render() {
    const { comments } = this.state;

    return (
      <div className="container">
        <Form handleSubmit={this.handleSubmit} />
        <CommentSection
          commentData={comments}
          removeComment={this.removeComment}
        />
      </div>
    );
  }
}

export default App;

Answer 1

this.setState({
  comments: comments.filter(
    (comment, i) => {
      return i !== index;
    },
    () => localStorage.setItem("state", JSON.stringify(this.state))
  )
});

Indeed, the second parameter is filter, the second parameter is setState - the difference is small, essentially the same thing, it should work as it should. Or is it still not?