如何在JSX div的id内添加if条件？

Question

我想像这样在jsx中更改div的ID：-

{ ['A','B','C','D'].map((element, cell) => (
    <div id="alphabet_if({element}==='A'){'ok'}else{ {element} }">
        Some
    </div>
)) } 

但是这导致

{ ['A','B','C','D'].map((element, cell) => (
    <div id="alphabet_if({element}==='A'){'ok'}else{ {element} }">
        Some
    </div>
)) } 

Answer 1

这是您要查找的内容：

{ ['A','B','C','D'].map((element, cell) => (
    <div id={`alphabet_${element === 'A' ? 'ok' : element}`}>
        Some
    </div>
)) }