딕셔너리 (Dictionaries) - React Native SDK

1
const HomeList = () => {
2
  // query for all HomeOwner objects
3
  const homeOwners = useQuery(HomeOwner);
4
5
  // run the `.filtered()` method on all the returned homeOwners to
6
  // find all homeOwners that have a house with a listed price
7
  const listedPriceHomes = useQuer(HomeOwner, homeOwners => {
8
    return homeOwners.filtered('home.@keys = "price"');
9
  });
10
11
  // run the `.filtered()` method on all the returned homeOwners to
12
  // find the house with the address "Summerhill St."
13
  const summerHillHouse = useQuery(HomeOwner, homeOwners => {
14
    return homeOwners.filtered('home["address"] = "Summerhill St."');
15
  })[0].home;
16
17
  // run the `.filtered()` method on all the returned homeOwners to
18
  // find the first house that has any field with a value of 'red'
19
  const redHouse = useQuery(HomeOwner, homeOwners => {
20
    return homeOwners.filtered('home.@values = "red"');
21
  })[0].home;
22
23
  return (
24
    <View>
25
      <Text>All homes:</Text>
26
      {homeOwners.map(homeOwner => (
27
        <View>
28
          <Text>{homeOwner.home.address}</Text>
29
        </View>
30
      ))}
31
32
      <Text>All homes with a price:</Text>
33
      {listedPriceHomes.map(homeOwner => (
34
        <View>
35
          <Text>{homeOwner.home.address}</Text>
36
          <Text>{homeOwner.home.price}</Text>
37
        </View>
38
      ))}
39
40
      <Text>Summer Hill House:</Text>
41
      <Text>{summerHillHouse.address}</Text>
42
      <Text>{summerHillHouse.color}</Text>
43
44
      <Text>Red House:</Text>
45
      <Text>{redHouse.address}</Text>
46
    </View>
47
  );
48
};

1
const HomeList = () => {
2
  // query for all HomeOwner objects
3
  const homeOwners = useQuery(HomeOwner);
4
5
  // run the `.filtered()` method on all the returned homeOwners to
6
  // find all homeOwners that have a house with a listed price
7
  const listedPriceHomes = useQuery(HomeOwner, homeOwners => {
8
    return homeOwners.filtered('home.@keys = "price"');
9
  });
10
11
  // run the `.filtered()` method on all the returned homeOwners to
12
  // find the house with the address "Summerhill St."
13
  const summerHillHouse = useQuery(HomeOwner, homeOwners => {
14
    return homeOwners.filtered('home["address"] = "Summerhill St."');
15
  })[0].home;
16
17
  // run the `.filtered()` method on all the returned homeOwners to
18
  // find the first house that has any field with a value of 'red'
19
  const redHouse = useQuery(HomeOwner, homeOwners => {
20
    return homeOwners.filtered('home.@values = "red"');
21
  })[0].home;
22
23
  return (
24
    <View>
25
      <Text>All homes:</Text>
26
      {homeOwners.map(homeOwner => (
27
        <View>
28
          <Text>{homeOwner.home.address}</Text>
29
        </View>
30
      ))}
31
32
      <Text>All homes with a price:</Text>
33
      {listedPriceHomes.map(homeOwner => (
34
        <View>
35
          <Text>{homeOwner.home.address}</Text>
36
          <Text>{homeOwner.home.price}</Text>
37
        </View>
38
      ))}
39
40
      <Text>Summer Hill House:</Text>
41
      <Text>{summerHillHouse.address}</Text>
42
      <Text>{summerHillHouse.color}</Text>
43
44
      <Text>Red House:</Text>
45
      <Text>{redHouse.address}</Text>
46
    </View>
47
  );
48
};

1
const UpdateHome = ({homeOwnerName}) => {
2
  const [address, setAddress] = useState('');
3
  const realm = useRealm();
4
  const homeOwner = useQuery(
5
    HomeOwner,
6
    homeOwners => {
7
      return homeOwners.filtered(`name == '${homeOwnerName}'`);
8
    },
9
    [homeOwnerName],
10
  )[0];
11
12
  const updateAddress = () => {
13
    // Update the home object with the new address
14
    realm.write(() => {
15
      // use the `set()` method to update a field of a dictionary
16
      homeOwner.home.set({address});
17
      // alternatively, update a field of a dictionary through dot notation
18
      homeOwner.home.yearRenovated = 2004;
19
    });
20
  };
21
22
  return (
23
    <View>
24
      <Text>{homeOwner.name}</Text>
25
      <TextInput
26
        value={address}
27
        onChangeText={setAddress}
28
        placeholder='Enter new address'
29
      />
30
      <Button
31
        onPress={updateAddress}
32
        title='Update Address'
33
       
34
      />
35
    </View>
36
  );
37
};

1
const UpdateHome = ({homeOwnerName}: {homeOwnerName: string}) => {
2
  const [address, setAddress] = useState('');
3
  const realm = useRealm();
4
  const homeOwner = useQuery(
5
    HomeOwner,
6
    homeOwners => {
7
      return homeOwners.filtered(`name == '${homeOwnerName}'`);
8
    },
9
    [homeOwnerName],
10
  )[0];
11
12
  const updateAddress = () => {
13
    // Update the home object with the new address
14
    realm.write(() => {
15
      // use the `set()` method to update a field of a dictionary
16
      homeOwner.home.set({address});
17
      // alternatively, update a field of a dictionary through dot notation
18
      homeOwner.home.yearRenovated = 2004;
19
    });
20
  };
21
22
  return (
23
    <View>
24
      <Text>{homeOwner.name}</Text>
25
      <TextInput
26
        value={address}
27
        onChangeText={setAddress}
28
        placeholder='Enter new address'
29
      />
30
      <Button
31
        onPress={updateAddress}
32
        title='Update Address'
33
      />
34
    </View>
35
  );
36
};

1
const HomeInfo = ({homeOwnerName}) => {
2
  const realm = useRealm();
3
  const homeOwner = useQuery(
4
    HomeOwner,
5
    homeOwners => {
6
      return homeOwners.filtered(`name == '${homeOwnerName}'`);
7
    },
8
    [homeOwnerName],
9
  )[0];
10
11
  const deleteExtraHomeInfo = () => {
12
    realm.write(() => {
13
      // remove the 'yearRenovated' and 'color' field of the house
14
      homeOwner.home.remove(['yearRenovated', 'color']);
15
    });
16
  };
17
18
  return (
19
    <View>
20
      <Text>{homeOwner.name}</Text>
21
      <Text>{homeOwner.home.address}</Text>
22
      <Button
23
        onPress={deleteExtraHomeInfo}
24
        title='Delete extra home info'
25
       
26
      />
27
    </View>
28
  );
29
};

1
const HomeInfo = ({homeOwnerName}: {homeOwnerName: string}) => {
2
  const realm = useRealm();
3
  const homeOwner = useQuery(
4
    HomeOwner,
5
    homeOwners => {
6
      return homeOwners.filtered(`name == '${homeOwnerName}'`);
7
    },
8
    [homeOwnerName],
9
  )[0];
10
11
  const deleteExtraHomeInfo = () => {
12
    realm.write(() => {
13
      // remove the 'yearRenovated' and 'color' field of the house
14
      homeOwner.home.remove(['yearRenovated', 'color']);
15
    });
16
  };
17
18
  return (
19
    <View>
20
      <Text>{homeOwner.name}</Text>
21
      <Text>{homeOwner.home.address}</Text>
22
      <Button
23
        onPress={deleteExtraHomeInfo}
24
        title='Delete extra home info'
25
      />
26
    </View>
27
  );
28
};