选项需要时间来加载选择

问题描述

我使用了一个数组类型的变量来保留选项。反应功能组件内部有一个选择，其中使用地图动态编写选项。这会导致 UI 中选项的渲染缓慢。空白下拉菜单出现一段时间，然后填充。删除了额外的代码以使其变得简单。

const filingEndingOptions = [
  { value: '-1',label: 'All' },{ value: '1',label: 'January' },{ value: '2',label: 'February' },{ value: '3',label: 'March' },{ value: '4',label: 'April' },{ value: '5',label: 'May' },{ value: '6',label: 'June' },{ value: '7',label: 'July' },{ value: '8',label: 'August' },{ value: '9',label: 'September' },{ value: '10',label: 'October' },{ value: '11',label: 'November' },{ value: '12',label: 'December' },];
const ReturnForm = React.memo((props) => {
  return (
    <React.Fragment>
        <form className="dl-facets" onSubmit={handleSubmitForm}>
          <s-row>
            <s-col span="4">
              <label htmlFor={getNextId()}>Filing Ending</label>
              <select style={{}}  id={getCurrentId()} name="filingEnding" onChange={handleChangeInput(setFilingEnding)} value={filingEnding} aria-required="true">
                {filingEndingOptions.map(({ value,label },index) => <option value={value} key={index}>{label}</option>)}
              </select>
            </s-col>
          </s-row>
        </form>
    </React.Fragment>
  );
})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）