Áp dụng điều kiện trong JSX

Hãy làm sao để tùy thuộc vào nội dung của hằng số show mà trên màn hình sẽ hiển thị một đoạn văn bản này hoặc đoạn văn bản khác:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = 'text1';
  } else {
    text = 'text2';
  }
  
  return <div>
    {text}
  </div>;
}

Có thể làm sao để trong biến lưu trữ không phải là văn bản, mà là một thẻ:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = <p>text1</p>;
  } else {
    text = <p>text2</p>;
  }
  
  return <div>
    {text}
  </div>;
}