如何将对象添加到arraylist

Question

我在将对象添加到列表时遇到问题。我有一个楼层列表，每个楼层都有房间。我可以添加楼层，但我不知道如何将房间添加到楼层列表。

我尝试获取 floor[index] 或 id 但不起作用。我现在该怎么办？

export default class HomeWork extends Component {
    constructor() {
        super();
        this.state = {
            floors: [
                {
                    floorId: 1, name: 'floor1', rooms: [
                        { roomId: 1, name: 'new room' },
                        { roomId: 2, name: 'new room' }]
                },
                {
                    floorId: 2, name: 'floor2', rooms: [
                        { roomId: 1, name: 'new room' },]
                }
            ]
        }
    }
    addRoom(index) {
        const RoomArr = [...this.state.floors[index].rooms]
        RoomArr.push(
            { id: 2, roomName: 'New Room' });
        this.setState({
            // Stuck here too
        })
    }
    render() {
        return (
            <View style={styles.parent}>
                <View >
                    <FlatList
                        data={(this.state.floors)}
                        renderItem={({ item }) => {
                            return (
                                <View>
                                    <View >
                                        <Text>Floor {item.floorNumber}</Text>
                                        <Text>Room per Floor:</Text>
                                        <Text >{item.rooms.length}</Text>
                                        <TouchableOpacity onPress={(index) => { this.addRoom(index) }}>
                                            <Image source={Images.plusIcon}></Image>
                                        </TouchableOpacity>
                                    </View>
                                    <FlatList
                                        data={(item.rooms)}
                                        numColumns={4}
                                        renderItem={({ item }) => {
                                            return (
                                                <View>
                                                    <Text>{item.roomName}</Text>
                                                </View>
                                            )
                                        }}
                                    ></FlatList>
                                </View>
                            )
                        }}
                    ></FlatList>
                </View>
            </View>
        )
    }
}

我希望至少我可以得到楼层索引

Answer 1

您可以使用扩展运算符获取楼层，根据索引更新您的特定楼层，然后像这样再次使用setState 与楼层：

addRoom(index) {
    let floors = [...this.state.floors];
    floors[index].rooms.push({ id: 2, roomName: 'New Room' });
    this.setState({ floors })
}