如何在React中动态数据Map前添加静态对象？

4szc88ey 于 2023-01-27 发布在 React

关注(0)|答案(2)|浏览(135)

我在应用程序中使用react-native-element-dropdown包。
我想在组件中添加动态数据。但首先，我想添加一个空的下拉选项值，如下所示：
{label: '-- Please Select --', value: ""}

const dropdownData = () => {
    if(userList){
        return userList?.filter(user => user.id != null).map((user, index)=> {
            return {label: user.username, value: user.id}
        })
    }
}

dropdownData在组件的data属性中调用：

<Dropdown data={ dropdownData() } />

如何在userListMap之前添加空值？

react-native

来源：https://stackoverflow.com/questions/75234614/how-to-add-a-static-object-before-dynamic-data-map-in-react

2条答案

按热度按时间

kpbwa7wx1#

在返回之前将硬编码选项追加到数组：

const dropdownData = () => {
    if (userList) {
        return [
            { label: '-- Please Select --', value: "" },
            ...userList
                .filter(user => user.id != null)
                .map(user => ({ label: user.username, value: user.id }))
        ];
    }
}

您可以在JSX中执行相同的操作：

<Dropdown data={[ ...dropdownData(), { label: '-- Please Select --', value: "" } ]} />

赞(0）回复(0）举报 2023-01-27

r1wp621o2#

试试这个：

<Dropdown data={[{label: '-- Please Select --', value: ""}, ...dropdownData()]} />

赞(0）回复(0）举报 2023-01-27

我来回答

如何在React中动态数据Map前添加静态对象？

2条答案

相关问题

热门标签

最新问答