В общем при поиске, исчезает запятая если 2 должности. Если искать вручную имя, то запятая присутствует.
positionsName() { // на случай если должности будут в массиве
let positionList = this.props.positionsList;
if (positionList && Array.isArray(positionList) && positionList.length !== 0) {
return positionList.map((each, index) => {
return ( <
span key = {
index
} > {
each.label
} {
positionList.length > 1 && positionList.length < -1 !== index ? ',' : ''
} < /span>
);
});
} else {
return ( <
span key = "position_name" > {
this.props.positionsName
} < /span>
);
}
}
Данная функция используется здесь
<div className="contact-description">
<div>
<div
className={
!usersForChat ? read ? "textSearchUnitRead contact-
description-item"
: "textSearchUnit contact-description-item"
: "contact-description-item"
}
style={{
color: color,
maxHeight: 28,
maxWidth: 300,
margin: '1px 0px',
whiteSpace: 'nowrap'
}}
>{number}</div>
<div
style={{
color: 'grey',
maxHeight: 28,
width: 200,
lineHeight: '14px',
whiteSpace: 'nowrap'
}}
>{label}</div>
{this.props.visiblePosition && this.props.positionsName ?
<div className =
"user-position-right-panel"
>{this.positionsName()}
</div>
: ""
}
</div>
Проблема в некорректном условии.
positionList.length > 1 && positionList.length < -1 !== index ? ',' : ''
В данном случае тут идет определение нужно ли ставить запятую либо нет.
Правило простое: если больше одного элемента, и элемент не последний - поставить после него запятую.
За первую часть отвечает проверка positionList.length > 1
А вот со второй - проблема. Для проверки, что элемент не последний, нужно сравнить его индекс, с максимальным индексом в массиве (length-1), то есть условие должно выглядеть так:
index < positionList.length - 1
Виртуальный выделенный сервер (VDS) становится отличным выбором
Этот вопрос уже поднимался в этой теме : не запускается скрипт И в конце дали рабочий скрипт,но проблема в том,что когда я начал его использовать...
Массив в js это специализированная форма объекта, а объект в js это ассоциативный массивТ
имеется REST приложение на VueХочу ко всему этому делу прикрутить тестирование на Jest + Vue-test-utils