При setState в ReactJS обновляю лист с фильтрацией, но почему то Изображение остается от предыдущего списка, почему?

102
15 марта 2021, 10:20

При setState в ReactJS обновляю лист с фильтрацией, но почему то Изображение остается от предыдущего списка, почему?

{_.map(this.state.filteredEmployees, (employee, code) =>
    <div className="employee-item" key={code} style={{cursor: 'initial'}}>
        <div className="employee-info">
            <EmployeeThumbnailContainer employeeCode={employee.code} employeeFullName={employee.fullname}
                                                                    width={40} height={40}/>
            <div onClick={() => showEmployee(employee.code)}  className="uk-margin-small-left">
                <div className="fullname test1">{employee.fullname}</div>
                <div className="position">{employee.jobPosition}</div>
            </div>
        </div>
        <div className="department-info">
            <span className="company-name">{employee.companyName}</span>
            <span className="department-name">{employee.departmentName}</span>
        </div>
        <div className="employee-birthday">{moment(employee.birthDate).format("DD MMMM")}</div>
        <div className="action-icons">
            <div style={{cursor: 'pointer'}} className={classnames({
                "hidden": typeof employee.isBirthdayToday !== 'undefined' && !employee.isBirthdayToday && !showBirthday,
                "birthday-icon": showBirthday,
                "life-bi-icon-double-arrow": typeof employee.eventType !== 'undefined' && employee.eventType !== 'Прием',
                "life-bi-icon-user-plus": typeof employee.eventType !== 'undefined' && employee.eventType === 'Прием'
            })}
                     onClick={(e) => {
                         e.stopPropagation();
                         this.props.toggleCongratulateEmployee({
                             employee: employee,
                             type: typeof employee.isBirthdayToday !== 'undefined' && employee.isBirthdayToday || employee.eventType
                         });
                     }}/>
        </div>
    </div>
)}  

А вот одно из фильтрации

case 'Все':
    this.setState({
        filteredEmployees: unWritable,
        activeFilter: false
    });
break;
READ ALSO
Посчитать скидку

Посчитать скидку

Есть вот такой код HTML

77
Как передать две переменные в css?

Как передать две переменные в css?

У меня идет рандомный генератор чисел (два разных числа передаются в переменную x и у)После чего я их передаю map

99
Как заставить ресурсы кешироваться?

Как заставить ресурсы кешироваться?

Я воспользовался сервисом Google Page Insights для проверки скорости сайта

66