Как мне использовать if else в jsx?

Прошло много времени с тех пор, как я в последний раз писал о React.js, но я думаю, что вы можете выполнить это требование, используя тернарный оператор ВНУТРИ тернарного оператора:

<h2 className='font-bold text-lx'>
  {item?.price == null && item?.type === 'Sell' ? 'Please contact agency' : 
    (item?.type === 'Rent' ? item?.rentMoney : item?.price)}
</h2>

Если вы хотите сделать это без тройных элементов, вы также можете добиться этого следующим образом:

<h2 className='font-bold text-lx'>
  {(() => {
    if (item?.price == null && item?.type === 'Sell') {
      return 'Please contact agency';
    } else if (item?.type === 'Rent') {
      return item?.rentMoney;
    } else {
      return item?.price;
    }
  })()}
</h2>

вы практически сокращаете код jsx и вставляете любой код javascript, который вам нужен, внутри {}

{item?.price == null && item?.type === 'Продать' ? «Пожалуйста, свяжитесь с агентством» : item.price !== null && item.price !== не определено ? `$ ${item.price}` : нулевой}