Javascript 当使用Map返回jsx时，结果是未定义 arrToAdd= [ {id:“firstname”，className:“input sm”，键入：“text”，name:“firstname”，title:“Enter first name”，占位符：“first name”}， {id:“lastname”，className:“input sm”，键入：“text”，name:“lastname”，title:“Enter last name”，占位符：“last name”} ] inputArr=[this.arrToAdd]； 状态={ 模态13：错， 名称：“”， 状态：false， 电台:2,， 输入阵列：this.inputArr } showInput=this.state.inputArray.map（（值1）=>{ 值1.映射（（值）=>{ 返回( ); }); }); addMoreFields=（）=>{ console.log（this.showInput）；//未定义 这是我的国家({ …这个州， inputArray:this.inputArr.push（this.arrToAdd） }); console.log（this.showInput）；//未定义 }

不确定为什么要将

arrToAdd

放入

inputArray

中，但这应该是您想要的

arrToAdd = 
[
    { id:"firstname", className:"input-sm", type:"text", name:"firstname", title:"Enter first name", placeholder:"First name" },
    { id:"lastname", className:"input-sm", type:"text", name:"lastname", title:"Enter last name", placeholder:"Last name" }
]

inputArr = [ this.arrToAdd ];

state = {
    modal13: false,
    name: '',
    status: false,
    radio: 2,
    inputArray : this.inputArr
}

showInput = this.state.inputArray.map( (value1) => {
    value1.map( (value) => {

        return (
            <input id={value.id} className={value.className} type={value.type} name={value.name} title={value.title} placeholder={value.placeholder} />
        );
    });

});

addMoreFields = () => {

    console.log(this.showInput); // Giving Undefined

    this.setState({
        ...this.state,
         inputArray : this.inputArr.push(this.arrToAdd) 
        });

    console.log(this.showInput); // Giving Undefined
}

showInput=this.state.inputArray[0]。映射（（值1）=>{
返回(
);
});

---

或者直接将您的状态分配更改为：

inputArray:this.arrToAdd

合并您的数组，否则它将是数组的数组

showInput = this.state.inputArray[0].map((value1) => {
    return (
        <input id={value.id} className={value.className} type={value.type} name={value.name} title={value.title} placeholder={value.placeholder} />
    );
});

showInput=this.state.inputArray.map（（值1）=>{
让newArr=value1.map（（值）=>{
console.log（值）；
返回(
);
});
返回newArr；
});

您没有从外部

map

函数返回任何内容。实际上，我想为输入框添加更多功能

this.setState({
    ...this.state,
     inputArray : [inputArray, ...this.arrToAdd] 
    });

showInput = this.state.inputArray.map( (value1) => {
        let newArr = value1.map( (value) => {
            console.log(value);
            return (
                <input id={value.id} className={value.className} type={value.type} name={value.name} title={value.title} placeholder={value.placeholder} />
            );
        });

        return newArr ;

    });