我想用appendInput()函数将动态键/值对添加到初始对象。React - 如何将动态键/值对添加到对象?
初始对象:
constructor(props) {
super(props);
this.state = {
milestonesValues : {
milestone0: "dssdsad",
milestone1: "",
milestone2: "",
milestone3: "",
}
};
}
render方法:
render(){
return(
{'What are the basic steps?'}
{Object.keys(this.state.milestonesValues).map((milestone, index) =>
key={milestone}
placeholder={`${index+1}.` }
type="text"
name={milestone}
value={this.state.milestonesValues[milestone]}
onChange={this.handleInputChange} />
)}
this.appendInput() }>
{"+ ADD MILESTONE"}
);
appendInput()函数:
appendInput() {
var objectSize = Object.keys(this.state.milestonesValues).length;
var newInput = `milestone${objectSize}: "",`;
console.log(newInput);
this.setState({
milestonesValues: this.state.milestonesValues.concat([newInput])
});
}
,我只是可以将新生成的键/值不添加到初始对象。
有人可以帮忙吗?