0
私はこのようなオブジェクトの配列を持っている:テキスト入力のオブジェクトを反応ネイティブの配列に追加するには?
const data = {
0: {
isEditing:false,
text: 'Chloe',
},
1: {
isEditing:false,
text: 'Jasper',
},
2: {
isEditing:false,
text: 'Pepper',
}};
私は、このためのaddメソッドを作成したいが、私は次のインデックスにある項目を挿入する方法を見当もつかない。私は配列の構造を変更することはできません。ソート可能なリストライブラリをドラッグアンドドロップする必要があるからです。私は答えを見つけるために管理
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
inputValue: "",
db: []
};
this.textChange = this.textChange.bind(this);
this.addTask = this.addTask.bind(this);
}
textChange = value => {
const inputValue = value;
this.setState(() => ({
inputValue
}));
};
addTask =() => {
if (!this.state.inputValue) {
return;
}
//this.state.db.push({
// isEditing:false,
// text: this.state.inputValue
// });
data.index = {
isEditing:false,
text: this.state.inputValue
}
index++;
this.setState({
...this.state,
data:this.state.data,
inputValue: ""
});
// rowsState - array: {text, isEditing}
};
}