如何有条件地呈现两个JSX变量？

const isLoggedIn = true; // 假设这是一个表示用户是否已登录的变量

const jsxVariable1 = <p>Welcome, user!</p>;
const jsxVariable2 = <p>Please log in to continue.</p>;

const element = isLoggedIn ? jsxVariable1 : jsxVariable2;

ReactDOM.render(
  element,
  document.getElementById('root')
);

const isLoggedIn = true; // 假设这是一个表示用户是否已登录的变量

const jsxVariable1 = <p>Welcome, user!</p>;

const element = isLoggedIn && jsxVariable1;

ReactDOM.render(
  element,
  document.getElementById('root')
);