JSX 映射函数中的 If 子句

Question

所以我有这段代码可以生成多个下拉列表。

<div>
  {['Mischung', 'Menge'].map((key) => (
    <select key={key}>
      {mischung.map(({ [key]: value }) => (
        <option key={value}>{value}</option>
      ))}
    </select>
  ))}
</div>

正在生成每个下拉列表，但值为空。

如您所见，另一个下拉列表中有空值。

我如何检查该值是否为空或是否为空。

Answer 1

<div>
  {['Mischung', 'Menge'].map((key) => (
    <select key={key}>
      {mischung.map(({ [key]: value }) => {
        if (value) {
          return (
            <option key={value}>{value}</option>
          )}
        }
      )}
    </select>
  ))}
</div>

JSX 映射函数中的 If 子句

If clause in JSX map function

jsx

reactjs