Как применить CSS к массивам, созданным React in v15?

В React v15 элементы массивов в JSX теперь отображаются как text вместо пролетов. Я посмотрел, но я не могу понять, как применять стили CSS к этим элементам. Возможно ли это, или мне нужно сопоставить массив для генерации пробелов вручную и применить CSS к промежуткам?Как применить CSS к массивам, созданным React in v15?

например.

this.props.items.map((item,i) => { return <span>{item}</span>})

источник

2016-08-02 Mark Aquino

Вы уверены, что добавление CSS в пролетах является хорошей идеей в первую очередь? почему бы не добавить имя класса в любой элемент, который вы хотите на карте? – azium

Если вы игнорируете комментарии '', это просто текст, не так ли? Представьте себе, что React не существует, как применить CSS к этому тексту? Помещая класс в содержащийся элемент. Если это невозможно, да, просто оберните их в промежутки. –

Это похоже на хорошее предложение, но также было просто любопытно, как или если вы можете применить css к тексту, который теперь отображается таким образом. @DavidGilbertson: Я пробовал это, не работает в моем случае. Хотя у меня есть обходное решение. –

Я считаю, что лучшим ответом является сочетание использования функции карты специально для визуализации элементов, как любой тип HTML элемента, который вы предпочитаете (то есть пролеты, дивы и т.д.) и с помощью предложения @ azium по используя пользовательское имя класса для элемента, если это необходимо.

т.е.

var customSpans = this.props.items.map( item => <span className='someCssClass'>{item}</span> );

источник

2016-08-03 00:53:53

Как применить CSS к массивам, созданным React in v15?

ответ

Смежные вопросы