如何在 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

这是你想要的：

沙盒适用于您的案例：https : //codesandbox.io/s/react-example-6mwvf

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