sourcecode/front/project/www/components/Filter/index.js

import React from 'react';
import './index.less';

function Filter(props) {
  const { list = [], filter = {}, onFilter } = props;
  return (
    <div className="filter">
      {list.map(item => {
        return (
          <div className="list">
            {item.children &&
              item.children.map((child, index) => {
                return (
                  <div
                    className={`item ${filter[item.key] === child.key || (!filter[item.key] && index === 0) ? 'active' : ''}`}
                    onClick={() => onFilter(item.key, child.key)}
                  >
                    {child.title}
                  </div>
                );
              })}
          </div>
        );
      })}
    </div>
  );
}
Filter.propTypes = {};
export default Filter;