三值内部输入反应[重复]

Question

我正试着做一个三元，正如你们在下面看到的（不起作用），惊讶地发现我找不到这么好的答案。在react中，对html标记内的属性执行三元计算的正确方法是什么？如果id==1，我只需要添加

import React from 'react'

const Word = ({onRemoveWord, id, onChangeWord}) => {
  return (
    <div>
       <input 
          type="text" 
          { id === 1 ? required : null}
          name="word" 
          id={id} 
          onChange={(e) => {onChangeWord(e)}} 
        /> 
        <span onClick={() => {onRemoveWord(id)}} className="deletebtn">-</span>
    </div>
  )
}

export default Word

Answer 1

正如上面提到的@jornsharpe，

<input 
    type="text" 
    required={id===1}
    name="word" 
    id={id} 
    onChange={(e) => {onChangeWord(e)}} 
/> 

如果您需要根据id添加另一个属性，您可以像下面这样添加。

<button className={id===1 ? "primary" : "second"}>
    MyButton
</button>