http://jsbin.com/zehoceloka/1/editleeres Array schiebt in
meine Eingangsnummer dynamisch ist, hängt es von der API, wie viele Daten es hat. Also zuerst mappe ich es auf die Ansicht. Aber es gibt auch eine Funktion, wo Benutzer neue Artikel hinzufügen können. Ich versuche, ein neues leeres Array zu verschieben, aber nichts passiert. Mache ich es falsch?
class HelloWorldComponent extends React.Component {
constructor(){
super()
this.addNewRow = this.addNewRow.bind(this);
this.state = {
"rules":[
"age must be above 10",
"must wear shoe"
]
}
}
addNewRow(e){
const updated = this.state.rules.push("");
this.setState({rules:updated});
}
render() {
return (
<div>
{this.state.rules.map(obj =>
<input type="text" defaultValue={obj} />
)}
<button>Add New Rules</button>
<br /><br />
<pre>{JSON.stringify(this.state.rules,null,2)}</pre>
</div>
);
}
}
Verwandte: http://stackoverflow.com/questions/30889465/better -schneller-weg-für-ändern-react-array-state-als-cloning-it –