设置默认值以在React项目中选择标签

时间:2020-08-30 13:57:22

标签: select

我正在遍历选项列表,并根据从该列表中获得的数据为每个选项赋予一个值。我只想检查列表返回的值是否等于我输入的某个值,我希望默认情况下选择该选项。我实现了以下代码,但它根本没有起作用:

const countryCodes = codes.map(country => (
        <option value={`+${country.countryCodes[0]}`} data-countrycode={`${country.isoCode2}`}
            selected={country.isoCode2 === "US" ? "selected" : ""}
        >
            {`${country.isoCode2} +${country.countryCodes[0]}`}
        </option >
    ));

如您在上面看到的,我希望默认选择isCode2等于“ US”的选项,其余的将分别使用其值正常显示。有帮助吗?

谢谢。

0 个答案:

没有答案