Shit API & Select dynamic Options, how to set defaultValue ???

What problem does this feature solve?

Select dynamic Options, how to set defaultValue ???

I don’t know the first Option value, So how can I get set the default value using the first Option’s value ???

 defaultValue="???"

// I don't know the first Option value, 
// So how can I get set the default value using the first Option's value ???

What does the proposed API look like?

defaultValue={key===1}

just using key to set the defaultValue!

<Select
    allowClear
    placeholder="排序字段，支持排序组合"
    onChange={this.onSelectSortKeyChange}
    defaultActiveFirstOption
    showSearch
    defaultValue={key === 1}
    // ??? Select dynamic Options, how to set defaultValue ???
    >
    {/* 
        Select.js:630 Uncaught TypeError: Cannot read property 'type' of null
    */}
    {
        [sort_items].map(
            (sort_items) => {
                let i = 0;
                let arr = [];
                for(let key in sort_items){
                    arr.push(
                        <Option
                            key={i}
                            value={key}>
                            {
                                sort_items[key]
                            }
                        </Option>
                    )
                }
                return arr;
            }
        )
    }
</Select>

[xyzdata]

shit api!

[xyzdata]

Select dynamic Options & defaultValue

Select dynamic Options, how to set defaultValue ???

https://github.com/ant-design/ant-design/issues/7292

solution

    <Select
        allowClear
        placeholder="排序字段，支持排序组合"
        onChange={this.onSelectSortKeyChange}
        defaultActiveFirstOption
        showSearch
        defaultValue={Object.keys(sort_items)[0]}
        // ??? Select dynamic Options, how to set defaultValue ???
        /*
            obj = {k1: 1, k2: 2, k3: 3};
            // {k1: 1, k2: 2, k3: 3}
            Object.keys(obj)[0];
            // "k1"
            obj[Object.keys(obj)[0]];
            // 1
        */
        >
    </Select>