对象 Reactjs 中数组中的换行符

Question

我有一个节点对象，其中有一个我想打印的文本数组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 和
都不起作用我如何用 LineBreak

显示它

这是我的Json对象

这是我的 json 对象的屏幕截图

https://gyazo.com/8da374e8cbdaf85c7516b27c415eab9c

Answer 1

你能试试这个吗{node.text}<br/> 或将其插入 div 元素内 <div>{node.text}</div>

如果您需要换行数组的内容，您可以执行以下操作：

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

Answer 2

您可以将 div 包装在一个 React 片段中，并在每个 div 之后放置一个 <br>。

Answer 3

在 HTML 中，您不能通过 \n 进行换行。 HTML 和 CSS 有多种换行方法，最简单的方法是 <br> 标签

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

您可以映射数组并在每次迭代时添加一个
标记。

对象 Reactjs 中数组中的换行符

LineBreak in Array which is in Object Reactjs

reactjs