Блог

У меня есть объект node, в котором есть массив текста, который я хочу распечатать node.text с разрывом строки в функции сопоставления

    {this.state.nodes.map((node, index) => {

         return(
          <div
                 key={index}
                 className={'node '   node.className}
                 id={node.id}
                 ref={nodes => this.refs.nodes[index] = nodes}
                 style={node.style}
                 onClick={this.activeElem}

             >

         {node.text}

        })}
  

он печатает весь объект, который я пробовал n, и
оба не работают, как я могу показать это с помощью прерывания строки

Это мой объект Json

вот скриншот моего объекта json

https://gyazo.com/8da374e8cbdaf85c7516b27c415eab9c

Не могли бы вы попробовать это {node.text}<br/> или вставить его в элемент div <div>{node.text}</div>

если вам нужно прервать строку содержимого массива, вы можете сделать следующее :

  {node.text.map(item => (
              <div >
                 {item}
              </div>
            ))}
  

Вы можете обернуть свой div в фрагмент React и поместить a <br> после каждого div.

В HTML вы не можете делать разрывы строк через n . Существуют несколько способов сделать разрывы строк с помощью HTML и CSS, самый простой — это <br> тег

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

Вы можете отобразить массив и добавить
тег на каждой итерации.