Ошибка "default.filter is not a function"

Я пытаюсь использовать .filter для того, чтобы оставить в массиве только те строки, в которых есть искомая подстрока.

import logo from './logo.svg';
import './App.css';
import React from 'react';
import items from './Item'
import ReactDOM from 'react-dom';

let foundedItems = [];
var j = 0;

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = { username: '' };
  }

  myChangeHandler = (event) => {
    this.setState({username: event.target.value});
    foundedItems = items.filter(function(item) {
      return item.toLowerCase().indexOf(this.state.username.toLowerCase()) !== -1;
    });
  }

  render() {
    return (
          <form>
            <input
              type='text'
              onChange={this.myChangeHandler}
            />
          </form>
    );
  }
}

ReactDOM.render(
  <React.StrictMode>
    <div>{foundedItems.map(item => <div class = "item">{item}</div>)}</div>
  </React.StrictMode>,
  document.getElementById('blog')
);

export default MyForm;

Что мне сделать, чтобы избежать ошибки default.filter is not a function? default нигде не использую, но ошибка именно такая


Ответы (0 шт):