Как я могу применять стиль к информации, которую я крашу из-за экрана но этой внутри array в React?

Моя проблема - следующая:

У меня есть компонент, который отображает мне из-за экрана элементы array в линиях. То, что я хочу сделать, состоит в том, чтобы давать стиль элементу этого array, для того, чтобы он был увиден другого цвета экраном. Проблема состоит в том, что я не знаю имя элемента, который это содержит, уже будьте div или любым другим, поэтому я не могу давать стили соответствующим образом этому элементу, так как компонент это делает внутри.

Очень сжатый пример:

var filas = ["Pepe", "Juan", "Manolo"]

<MyComponente filas={filas} />

filas[2].style.backgroundColor = "green"

Нечто похожее.

0
задан 03.01.2017, 10:45
0 ответов

Каждый код, который ты сможешь вносить, поможет понимать твою проблему.

Тем не менее, я пробую тебя помочь:

Твой компонент MyComponente был бы должен пробегать array линии, которые ты перемещаешь его как свойство в Вашем render:

ES5

render = function() {
  return (
    <div>
      {
         this.props.filas.map(function(f, indice) {
           var newStyle = {background: 'blue'};

           if (indice % 2) {
             style.background = 'green';
           }
           return <div style={newStyle}>{f}</div>
         })
      }
    <div>
  )
}

ES6

render() {
  return (
    <div>
      {
         this.props.filas.map((f, indice) => {
           let newStyle = {background: 'blue'};

           if (indice % 2) {
             style.background = 'green';
           }
           return <div style={newStyle}>{f}</div>
         })
      }
    <div>
  )
}

Привет

1
ответ дан 03.12.2019, 17:53