javascript - 如何使用react js在下拉列表中显示数组值？

Question

我想使用 React js 在下拉列表中显示所有月份。下面是我的代码。我用了一些时间来获取所有 12 个月的数据。我在控制台中获得了值(value)，但在下拉菜单中没有获得值(value)。

要显示下拉值，需要使用 .我也用过那个。我不知道我哪里错了。任何人都可以帮我解决这个问题吗？提前致谢。

const fareMon = () => {
      const months = [];
      const monthList = moment.months();
      months.push(<option value={monthList} />);
      console.log('MONTHS123', monthList);
      return months;
};
return (
<div className={styles.formClm2}>
    <Form.Group className={styles.formGroup}>
        <Form.Label>{t('PaymentPage.lblExpiry')}</Form.Label>
        <div className="double">
            <Form.Control required as="select" name="startDate">
                <option value="">Months</option>
                {fareMon()}
            </Form.Control>
        </div>
    </Form.Group>
</div> )

Answer 1

const fareMon = () => {
  const monthList = moment.months();
  const months = monthList.map(item => (
    <option key={item} value={item}>{item}</option> 
  ));
  console.log('MONTHS123', monthList);
  return months;
};

您需要迭代 monthsList并将每个月映射到 <option> .