Как поместить разрыв строки в строку React?

Question

Как поместить разрыв строки в строку React?

Указатель NULL - это тот, который указывает на никуда. Когда вы разыскиваете указатель p, вы говорите «дайте мне данные в месте, хранящемся в« p ». Когда p является нулевым указателем, местоположение, хранящееся в p, является nowhere, вы говорите «Дайте мне данные в месте« нигде ». Очевидно, он не может этого сделать, поэтому он выбрасывает NULL pointer exception.

В общем, это потому, что что-то не было правильно инициализировано.

0

javascript reactjs

задан yoursweater 5 April 2019 в 17:58

1 ответ

Другие вопросы по тегам:

javascript reactjs

Похожие вопросы:

score 0 · Answer 1

Если возможно, избегайте использования dangerouslySetInnerHTML.

Альтернативным решением может быть разбиение вашего текста на массив, а затем рендеринг нового div для каждой «новой строки».

Конечно, вам нужно было бы придумать лучший key для текста, поскольку там мог бы быть дублированный текст - хотя это отдельный вопрос сам по себе.

class Hello extends React.Component {
  constructor(props) {
  	super(props)
    this.state = {
      parsedText: [
        "Some text",
        "More text",
        "Keep on texting"
      ]
    }
  }
	
  render() {
    return <div>{this.state.parsedText.map(text => <div key={text}>{text}</div>)}</div>;
  }
}

ReactDOM.render(
  <Hello/>,
  document.getElementById('container')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>