Reactjs 如何在内部设置条件<；选项>；

我想检查类别id。。如果category.id等于form.catedit，我想将其设置为一

<label for="inputEmail3" className="col-sm-2 col-form-label">Category</label>

<select className="form-control"name="category"onChange={handleChange} id="exampleFormControlSelect1" name="category">

返回(

{category.name}
);
})

}

---

在选项标记的选定属性内部进行比较

<label for="inputEmail3" className="col-sm-2 col-form-label">Category</label>
<select className="form-control" name="category" onChange={handleChange} id="exampleFormControlSelect1" name="category">
    {
        tate.categories.map(category => {
            return (
                <option value={category.id}
                    selected={category.id === form.cateedit ? true : null}
                >{category.name}
                </option>
            );

        })
    }
</select>

类别
{
tate.categories.map（category=>{
返回(
{category.name}
);
})
}

使用选定的属性

<option selected={(category.id) === form.cateedit ? true : false}>"Option1"</option> 

“选项1”

这可能是一种更干净的方法

<select className="form-control" name="category" onChange={handleChange} id="exampleFormControlSelect1" >
  {
    tate.categories.map(({id, name})=> {
      return (
        <option value={id} selected={(id === form.cateedit)  || false}>{name}</option>
      );
    })
  }
</select>

{
tate.categories.map（{id，name}）=>{
返回(
{name}
);
})
}

</div>

<label for="inputEmail3" className="col-sm-2 col-form-label">Category</label>
<select className="form-control" name="category" onChange={handleChange} id="exampleFormControlSelect1" name="category">
    {
        tate.categories.map(category => {
            return (
                <option value={category.id}
                    selected={category.id === form.cateedit ? true : null}
                >{category.name}
                </option>
            );

        })
    }
</select>

<option selected={(category.id) === form.cateedit ? true : false}>"Option1"</option> 

<select className="form-control" name="category" onChange={handleChange} id="exampleFormControlSelect1" >
  {
    tate.categories.map(({id, name})=> {
      return (
        <option value={id} selected={(id === form.cateedit)  || false}>{name}</option>
      );
    })
  }
</select>