How to set the initial value for Select in FormItem

Select in FormItem:

<FormItem
    {...formItemLayout}
    label="Select your favorite"
>
    {getFieldDecorator("g24_channel", {
        initialValue: 0
    })(
        <Select>
            { favorite.map(item => <Option key={item.id}>{item.text}</Option>) }
        </Select>
    )}
</FormItem>

If favorite is const favorite = [{id: 0, text: "apple"}, {id: 1, text: "banana"}];, it will display 0, not apple, by default on select. If favorite is a ajax result set in state, it will also display 0. But I’m really intend to display the default option text banana.

BTW, the above code has a error in console: Warning: Failed prop type: Invalid prop 'value' supplied to 'Select'.

[KrisLeeCoder]

Resolved by set the value prop in Option

[afc163]

Select value should be string.