123456789101112131415 |
- import { useState } from "react";
- let languages = {html:'HTML' , css:'CSS' , javascript:'JavaScript' , java:'Java' , python:'Python' , xml:'XML' , ruby:'Ruby' , sass:'Sass' , markdown:'Markdown' , mysql:'MySql' , json:'JSON' , handlebars:'Handlebars' , golang:'Golang' , csharp:'C Sharp' ,elixir:'Elixir' , typescript:'TypeScript'}
- const SelectLang = ({list = languages , onChange , value}) => {
-
- return (
- <>
- <select style = {{marginBottom:'10px' , marginLeft:'5px'}} value = {value} onChange ={(e) => onChange(e.target.value)} className = 'select'>
- {Object.entries(list).map(([value , text]) => <option value={value} key={value}>{text}</option>)}
- </select>
- </>
- )
- }
- export default SelectLang
|