Как бы вы решили эту задачу?

Question

[mishapsv]

Код в песочнице. (нажмите Run with JS, если не видно кнопок)
Суть:
Есть массив статусов (boxes).
В зависимости от номера статуса меняется стиль кнопок statuses.
Сейчас понадобилось в зависимости от статуса менять еще и разметку (кнопка или текст+кнопка) - modifyHTML.
И вот для одного статуса (this.props.statusNum == 3), я задал, но нужно для нескольких статусов (например 1, 3, 5).
Как лучше сделать? Перебирать forEach? Пробовал, но непонятно в какой момент осуществлять перебор, результата не добился.

Answer 1

[evilandfox]

Хоть и вопрос задан давно, отвечу на всякий.
Надо отделять данные от кода.
Например, можно в том же массиве statuses хранить у каждого элемента третьим элементом текст перед кнопкой, если данный тип кнопки с текстом. Кстати, лучше сделать массив объектов, а не массив массивов.
Ну а потом передав параметр btn3 (который будет undefined если нет текста перед кнопкой), в компоненте Bbutton уже делать кнопку с текстом или без.
В общем вот
Код jsbin