Javascript 三元内输入反应

我试着做一个三元，正如你们在下面看到的，不起作用，并且惊讶地发现我找不到一个这么好的答案。在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

---

正如上面提到的@jornsharpe

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

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

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

---

你期望的结果是什么？如果你试图有条件地设置一个属性，你想要required={id==1}吗？你想要的结果是什么？我想如果id==1，他想要required属性，并且没有其他这样的属性。你的属性应该是这样的，然后看，例如，你不需要三元。这很有效！。。那么这是否意味着required=0和required=1关闭和打开所需的功能呢。。显然，对于某些属性，如果传递给它的值不真实，React足够智能，可以忽略该属性。哇