选项卡中没有显示表单字段，但控制台正在打印

Question

我是实质性UI的新手。

• 当您单击“高级运动搜索”按钮时，会打开一个抽奖，并且在第一个标签中，我需要显示一个下拉列表。
• 所以我包括了表格和文本。但是现在我看不到表单字段。
• 我在控制台中看不到任何错误。
• 即使我通过放置控制台进行调试，控制台仍在打印，但不确定出什么问题。
• 在下面提供沙盒和代码段。

https://codesandbox.io/s/40mmrl9059

<form className={classes.container} noValidate autoComplete="off">
    {console.log("inside form field---->")}
    <TextField
            id="standard-select-currency-native"
            select
            label="Native select"
            className={classes.textField}
            value={this.state.currency}
            onChange={this.handleChange("currency")}
            SelectProps={{
              native: true,
              MenuProps: {
                className: classes.menu
              }
            }}
            helperText="Please select your currency"
            margin="normal"
          >
          {console.log("inside text field---->")}
          {currencies.map(option => (
              <option key={option.value} value={option.value}>
                 {console.log("inside options field---->")}
                 {option.label}
              </option>
          ))}
    </TextField>
 </form>