Select field (dropdown) in editble select mode

Hi, I have to display Y or N options in dropdown in react bootstrap table cell. code:

const cellEdit={
	"mode":"click",
	blurToSave: true
}
function dropDownFormatter(cell,row){
	return(
	           <FormControl componentClass="select" defaultValue={cell}>
			<option value="Y">Y</option>
			<option value="N">N</option>
			</FormControl>
		)
}
<BootstrapTable data={this.state.serviceInfo.serviceConfigList} selectRow={selectRow}  cellEdit={cellEdit}>
    <TableHeaderColumn 
    dataField='archiveEnabled' 
   dataFormat={ dropDownFormatter}
    editable={{type:"select",options:{values:['y','N']}}} 
    width="120px">Archive Enable</TableHeaderColumn>
</BootstrapTable>

When Iam trying to edit my dropdown Iam getting following error.

TableBody.js:170 Uncaught TypeError: column.format(…).replace is not a function

Note: In tableBody.js we are getting this issue.

Thanks

[supiash1]

@AllenFang I had the similar problem , i used dropDownFormatter in dataFormat={ dropDownFormatter} the error i got is Uncaught TypeError: column.format(...).replace is not a function in var format = column.format ? function (value) { return column.format(value, data, column.formatExtraData, r).replace(/<.*?>/g, ''); } : false;

[Suman-Plivo]

i would suggest to use plain HTML code instead of react-bootstrap tags (FormControl)