TypeError：this.setState.myItems未定义

Question

我很确定代码是正确的，但是当我按下删除按钮时，我仍然收到错误消息“ TypeError：this.setState.myItems is undefined”。我尝试在filter（）方法中使用setState删除特定项目。在第35行：constfilteredItems = this.setState.myItems.filter（myItem => {

在那边

    import React from "react";

    import PropTypes from "prop-types";

    import { returnStatement, isTemplateElement } from "@babel/types";

    import "./style.css";

    class App extends React.Component {

    constructor(props) {

    super(props);

    this.state = {

    myItems: ["Poco F1", "OnePlus 6", "MiA1", "S7 Edge"]

    };

      }

    addItem(e) {

e.preventDefault();

const { myItems } = this.state;

const newItem = this.newItem.value;

const exists = myItems.includes(newItem);

if (exists) {

  this.setState({

    message: "This Phone is already listed"

  });

} else {

  newItem !== "" &&

    this.setState({

      myItems: [...this.state.myItems, newItem]

    });

}

this.newForm.reset();

  }

    removeItem(item) {

const filteredItems = this.setState.myItems.filter(myItem => {

  return myItem !== item;

});

     this.setState({

        myItems: [...filteredItems]

      });

      }

       render() {

        const { myItems, message } = this.state;

        return (

        <div>

    <h1>

      <b>PHONE LIST</b>

    </h1>

    <form

      ref={input => (this.newForm = input)}

      onSubmit={e => this.addItem(e)}

    >

      <div className="form-group">

        <label className="sr-only" htmlFor="newItemInput">

          {" "}

          ADD NEW PHONE

        </label>

        <input

          type="text"

          ref={input => (this.newItem = input)}

          placeholder="Enter Phone Name"

          className="form-control"

          id="newItemInput"

        />

      </div>

      <button type="submit">ADD</button>

我想在filter（）方法中使用setState删除特定项

Answer 1

更改this.setState.myItems为this.state.myItems

Answer 2

this.state.myItems代替this.setState.myItems:)