如何添加选定属性以选择“反应”？

Question

我有这个密码

{categories.map((category, index) => {
  return(
    <option value={category._id} key={index}>{category.name}</option>
  )
})}

此代码显示所有类别。我有const产品

如何使ifproduct.category==category.\u idadd attribute selected to select（在映射函数中）

Answer 1

试试这个，这会解决你的问题。我已经根据您的要求在映射函数中应用了该条件。

{categories.map((category, index) => {
  return(
    product.category == category._id ? <option value={category._id} key={index} selected>{category.name}</option>: <option value={category._id} key={index}>{category.name}</option> 
  )
})}

Answer 2

您可以使用selected={product.category==category.\u id}但不建议使用select标记中的value属性。参考