问题描述
const rooms = {
livingroom: {
"tv":true,"laptop": true,"air-conditioner":true,},kitchen: {
"fridge":true,"dining-table": true,gameroom: {
"computer":true,"headphones":true,"microphone":true,"cd-player":true,}
}
这是我的示例项目。我想做的是-
我希望能够根据房间名称获取物品,并显示它有哪些物品,“电脑”、“麦克风”等。 但是我想添加新的房间名称和新项目...
我该怎么做才能在 React Native 中实现这样的目标?
解决方法
这不是一个 json 文件,而是一个 js 文件,其中包含一个名为 rooms 的对象。
要为对象添加一个房间,请执行以下操作:
rooms[<new room name>] = { <Key:value pairs>}
例如:
rooms["study"] = { "chair":true,"table":true}
要添加一个项目,对项目名称和值执行相同的操作:
rooms["study"]["chair"] = true
,
您可以创建一个 Data.js
文件,然后像这样在另一个文件中使用它
Data.js
应该是这样的 -
const rooms = {
livingroom: {
tv: true,laptop: true,'air-conditioner': true,},kitchen: {
fridge: true,'dining-table': true,gameroom: {
computer: true,headphones: true,microphone: true,'cd-player': true,};
export default rooms;
App.js
应该是这样的
import * as React from 'react';
import { Text,View,StyleSheet } from 'react-native';
import Data from './Data';
export default function App() {
return (
<View style={styles.container}>
<Text>{Data.gameroom.computer.toString()}</Text>
<Text>{Data.kitchen.fridge.toString()}</Text>
<Text>{Data.livingroom.laptop.toString()}</Text>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,justifyContent: 'center',backgroundColor: '#ecf0f1',padding: 8,alignItems: 'center',});