我应该如何在React中开始字符串文本中的新行？

import React from 'react';

function App() {
  return (
    <div>
      <p>
        第一行\n第二行\n第三行
      </p>
    </div>
  );
}

export default App;

import React from 'react';

function App() {
  const lines = ['第一行', '第二行', '第三行'];

  return (
    <div>
      {lines.map((line, index) => (
        <p key={index}>{line}</p>
      ))}
    </div>
  );
}

export default App;