I want to access custom attribute in option tag in select

gistfile1.txt

render(){

return (<select id="selectTemplate" ref={(input) => this.templateSelect = input}>
                                            <option value="0" disabled selected>Select Template</option>
                                            {(
                                                ()=>{
                                                    console.log("Templates", this.props.templates)
                                                    return this.props.templates.templates.data.map((template, index) => {
                                                        console.log("template.id::::::::::", template.id) // fine
                                                        return <option key={template.id} value={template.attributes.name}>{template.attributes.name}</option>
                                                    })
                                                }
                                            )()}

   </select>)
   }
   
   somemethod(){
   console.log(this.templateSelect.value) // value is shown
   console.log(this.templateSelect.key) // undefine
   }