行的三元运算符，不使用状态

Question

我有一个动态行数的表。在每行中我有两个单元格。当行处于初始状态时，仅显示第一个单元格。单击该行时，两个单元格都将显示。我知道如何使用静态元素和使用状态来执行此操作，但我不确定如何最好地构造此表。

<tbody>
{invAdd.map(add =>
  <tr key={add.itemName} className="bckgr-white border-1b add-items disp-flex" onClick={this.handleAddClick}>
    <td className="point-none">{add.itemName}</td>
    {if parentNode has class "selected"
      ?
      <td>
      <input className="addit-input" type="text" />
      <select className="select">
      <option value="ABC" />
      <option value="DEF" />
      </select>
      </td>
      :
      null
    }
  </tr>
)}
</tbody>

我不确定如何在不使用状态的情况下进行此比较。我尝试动态生成变量，但这也不起作用。