Как добавить условие if внутри идентификатора элемента JSX?

Question

Я хотел бы изменить идентификатор div в jsx следующим образом: -

{ ['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>
)) }