Блог

Я хочу проверить идентификатор категории .. если 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">
  

      {tate.categories.map(category=>{
  

возврат(

   <option value={category.id}
  

{(category.id ) === form.cateedit?выбрано: null}

   >{category.name}



  </option>
);

})
  

}

 </div>
  

Сделайте сравнение внутри выбранного атрибута тега option

 <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>