export default class App extends PureComponent {
  // задаём стейт
  state = {
    filters: [],
  };

  filterItems = ( event ) => {
    const checkboxes = [...event.currentTarget.closest(".filter").getElementsByTagName("input")]
    const filters = [];
    checkboxes.map(checkbox => {
      if (checkbox.checked) {
        filters.push(checkbox.name);
      }
    });
    this.setState({ filters });

    const result = json.filter(element => filters.every(key => element[key]));
    return result
  }

  render() {
    return (
      <div>
        <Filter filterItems={this.filterItems} />
        {
          this.state.filters.length
            ? <Filtered elem={this.filterItems} />
            : <Item />
        }
      </div>
    )
  }
}