Reactjs React hooks-如何使用变量在下拉列表中设置选项

我在一个项目中工作，在这个项目中，我试图设置一个下拉列表的选项，其中包含一个从API请求中获取的对象数组。 问题是，当我使用该变量的映射设置选项（键、值、文本）时，会出现错误。所以我认为这种方式不适合我正在做的事情。 你能帮我知道在这种情况下该怎么办吗

这是我的密码：

import { Dropdown } from 'semantic-ui-react';

type formProps = {
    funcionCierre: any
    carrera: any;
    nombre1: any;
}


const Estudiantes: React.FC<formProps> = (props: formProps) => {

const [area, setArea] = useState<any[]>([]);


useEffect(() => {
    console.log(props.carrera);
    axios.get('http://localhost:8003/skill?carrera_id=' + props.carrera + '&tipo_id=1')
        .then(result => {
            console.log(result);
            setArea(result.data);              //here is where i'm capturing my array of options
            console.log(area);
        }

        ).catch(error => {
            console.log(error);
        });

}, [area.length]);


return (
                                <Dropdown
                                placeholder='Area'
                                search
                                selection
                                options={area.map(ar => (
                                    key: ar.skil_id,             //here is where i'm trying to set the options 
                                    value: ar.skill_id,
                                    text: ar.nombre
                                ))}
                            />)

import{Dropdown}来自“语义ui反应”；
类型formProps={
FunctionCierre:有吗
卡雷拉：任何；
名称1：任何；
}
const-Estudiantes:React.FC=（props:formProps）=>{
const[area，setArea]=useState（[]）；
useffect（（）=>{
控制台。日志（道具。carrera）；
axios.get（）http://localhost:8003/skill?carrera_id=“+props.carrera+”&tipo_id=1”）
。然后（结果=>{
控制台日志（结果）；
setArea（result.data）；//这里是我捕获选项数组的地方
控制台日志（区域）；
}
).catch（错误=>{
console.log（错误）；
});
}，[面积.长度]；
返回(
(
key:ar.skil\u id，//这里是我试图设置选项的地方
值：ar.skill\U id，
文本：ar.nombre
))}
/>)

---

提前感谢。

您的

区域缺少
{}
。map（ar=>（…）

呼叫。它应该是

area.map（ar=>（{…}））

const下拉菜单=（props）=>{JSON.stringify（props.options）}；
常量学生=（道具）=>{
const[area，setArea]=React.useState（[]）；
React.useffect（（）=>{
解析（[{skill\u id:1，nombre:'one'}，{skill\u id:2，nombre:'two'}]））
.然后（结果=>setArea（结果））
}，[面积.长度]；
返回(
({
密钥：ar.skil_id，
值：ar.skill\U id，
文本：ar.nombre
}))}
/>
)
}
ReactDOM.render（，document.getElementById（“app”）
欢迎来到SO@Milena Castillo，console.log（result）的输出是什么？请分享您得到的错误