reactjs - 如何在反应组件的选择元素中使用符号作为选项值

Question

我正在尝试设置我的程序的一部分以使用类似于下面的 C# 枚举的符号，但该值始终为空白。有没有更好的方法来实现这一点？

const options = [
    {
        display: 'option1',
        value: Symbol('option1')
    },
    {
        display: 'option2',
        value: Symbol('option2')
    },
    {
        display: 'option3',
        value: Symbol('option3')
    },
];

const SymbolSelect = () => {
    return (
        <Select>
            {options.map(({ value, display }, i) => (
                <option value={value} key={i}>{display}</option>
            ))}
        </Select>
    );
}

标签： reactjssymbols