Question

我正在尝试根据在“类别”旁边的第一个下拉列表中所做的选择来呈现第二个（以及所有后续）下拉列表的内容。

所有其他下拉菜单应动态呈现，并允许用户选择多个条目。

当前，第一个下拉列表中的选项可以完美呈现，第二个下拉列表可以很好地呈现，但是.map()中的createInputs()函数中的任何选项都无法呈现。

https://codesandbox.io/s/cranky-galois-cwlvw?fontsize=14

Answer 1

您的q.skills地图功能缺少回报。我已经更新了那部分代码：

      {somejobs &&
        somejobs.map((q, w) => {
          if (q.jobname == category) {
            console.log("Hello world");
            {
              return q.skills.map((x, y) => {  //Return was missing on this line
                console.log(JSON.stringify(x.skillname));
                console.log(JSON.stringify(q.jobname));
                return (
                  <option key={y} value={`${x}`}>
                    {x.skillname}  //You don't need to stringify this
                  </option>
                );
              });
            }
          }
        })}

反应-动态渲染选择选项

1 个答案: