React - FORM 中的下拉值未定义

问题描述

我正在尝试获取 API 以获取要在表单中显示的项目列表。 菜单项包含值，但表单中的下拉列表显示未定义。

    getListItems = () =>{
        let menuItems = [];
        this.props.list.data.map((val,i) =>{
            menuItems.push(val)
        });
        return menuItems;
    }

    getinitialData = () => {
        return [
            {
                component: "dropdown",placeholder: "Name",data: this.getListItems(),required: true
            },{
                component: "textfield",label: "Work",name: "work",label: "Description",name: "description",required: true
            }
        ];
    }

    render() {

        return (
            <div
                style={{
                    paddingTop: '30px'
                }}
            >
                <div className ={style.legend}> New DataList </div>
                <Form
                    initialvalues={this.state.initialValues}
                    formdata={this.state.formData}
                >
                    <div className={style.buttonContainer}>
                        <button
                            type="submit"
                            className={style.button}
                        >
                            {'Save Data'}
                        </button>
                    </div>
                </Form>
            </div>
        );
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）