forked from Gitlink/forgeplus-react
36 lines
824 B
JavaScript
36 lines
824 B
JavaScript
import React , { useEffect , useState } from 'react';
|
|
|
|
function Choosen({name,chooseFunc}){
|
|
const [ index, setIndex ] = useState(undefined);
|
|
const [ models , setModels ] = useState(undefined);
|
|
|
|
useEffect(()=>{
|
|
let list = [
|
|
{id:1,name:"docker/arm64/linux"},
|
|
{id:2,name:"docker/x86/linux"}
|
|
]
|
|
setModels(list);
|
|
},[])
|
|
|
|
// 选择选项
|
|
function chooseOption(id,k){
|
|
chooseFunc && chooseFunc(id);
|
|
setIndex(k);
|
|
}
|
|
|
|
return(
|
|
<div className="choosenList">
|
|
<span>{name}</span>
|
|
<ul>
|
|
{
|
|
models && models.map((item,key)=>{
|
|
return(
|
|
<li className={index && index === key+1 ? "active":""} onClick={()=>chooseOption(item.id,key+1)}>{item.name}</li>
|
|
)
|
|
})
|
|
}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|
|
export default Choosen; |