2024-Q4-FullStack 8. Eksāmena Jautājumi

1. Kā būtu pareizi rakstīt funkciju TypeScript? A. function func(a) { return a+1 } B. const func =(a) => { return a+1 } C. const func (a) => { return a+1 } D. function func(a) => return a+1

2. Kā tiek izpildīts TypeScript pirmkods React-Native lietotnē? A. Palaiž TypeScript kodu pa tiešo B. Kompilē TypeScript kodu JavaScript C. Kompilē TypeScript kodu JavaScript uz platformu kodu Java un Swift

3. Kuru atslēgvārdu izmanto TypeScript valodā, lai deklarētu datu struktūru, piemēram, API ziņojumu? A. type B. interface C. class D. struct

4. Kāds piekļuves modifikators padara metodi izsaucamu tikai no bērna klasēm? A. public B. private C. protected D. readonly

5. Kādu statusa kodu vajadzētu atgriezt no REST API, ja resurss ir pieejams? A. 200 B. 201 C. 404 D. 400

6. Ko ļauj darīt npm? A. Viegli izmantot citu izstrādātāju pirmkodu B. Uzstādīt Node.js sistēmu C. Palaiž TypeScript serverī D. Kompilē TypeScript kodu

7. Kurš nav derīgs HTTP atbildes metode Express? A. GET B. POST C. READ

8. Kura no dotajām komponentēm ir ievērojami atšķirīga starp Android un iOS platformām, izmantojot React-Native? A. ScrollView B. Picker C. Button D. Input

9. Ko dara app.use() Express? A. Pievieno starpniekprogrammatūru pieprasījumu apstrādes ķēdē (middleware) B. Renderē šablonu C. Apstrādā HTTP GET pieprasījumus D. Sāk Express serveri

10. Kādu atslēgas vārdu izmanto, lai nodefinētu asinhrono funkciju TypeScript? A. async B. await C. promise D. then

11. Kāda bibliotēka tiek izmantota React Native, lai veiktu API izsaukumus? A. HttpLib B. Axios C. Requester D. AsyncStorage

12. Kāda ir atšķirība starp state un props React Native? A. State ir globāls, props ir konstantes B. State mainās, props nemainās C. Props tiek nodoti no vecāka, state tiek pārvaldīts komponentē D. Props ir nemainīgs, state var tikt mainīts

13. Kad jūs izmantotu Expo nevis tīru React Native? A. Lai varētu izmantot zemāka līmeņa programmēšanu B. Lai ātrāk implementētu lietotni C. Lai iegūtu labāku veiktspēju D. Lai vieglāk integrētu native moduļus

14. Kurš no šiem nav derīgs datu tips Node.js? A. number B. array C. class D. string

15. Kurš no šiem nav derīgs veids, kā importēt moduli Node.js? A. const module = require('module') B. import module from 'module' C. import {module} from 'module' D. include('module')

16. Kāda sintakse deklarē neobligātu īpašību TypeScript interfeisā? A. ?propertyName; B. propertyName?; C. propertyName: string optional; D. propertyName?: string;

17. Ko atgriež useState? A. Stāvokļa mainīgo vērtību B. Stāvokļa iestatīšanas funkciju - Setter C. Gan A, gan B D. Nevienu no augstākminētajiem

18. Kā tiek glabāti dati LiteSQL? A. Failu struktūrā, kas satur vienu datubāzi B. RAM atmiņā C. GPU atmiņā D. Failu struktūrā, kas satur vairākas datubāzes

19. Kāda veida datubāzes struktūru izmanto LiteSQL? A. Hierarhiska B. Tīkla C. Relacionāla D. Objektorientēta

20. Kāds atslēgas vārds tiek izmantots SQL, lai izgūtu datus no datubāzes tabulas? A. GET B. SELECT C. EXTRACT D. RETRIEVE

21. Kāds SQL atslēgas vārds tiek izmantots, lai filtrētu rezultātus ar nosacījumiem, kas iegūti no vaicājuma? A. WHERE B. IF C. RESTRICT D. LIMIT

22. Kāds SQL atslēgas vārds tiek izmantots, lai atjauninātu esošos datus tabulā? A. CHANGE B. MODIFY C. ALTER D. UPDATE

23. Kāds atslēgas vārds tiek izmantots SQL, lai apvienotu rindas no vairākām tabulām, pamatojoties uz saistītu kolonnu starp tām? A. MIX B. JOIN C. MERGE D. ATTACH

24. Kāds formāts parasti tiek izmantots, nosūtot datus REST API? A. HTML B. TXT C. JSON D. CSV

25. Kāpēc ir vēlams izmantot SwaggerUI, lai izveidotu API? A. Dokumentācijai un ērtumam testējot B. Ātrdarbībai C. Saderībai ar dažādām platformām D. Visi minētie

26. Kā vajadzētu pareizi nodefinēt Text lauku React, izmantojot React-Native? A. <Text>Paradumu saraksts</Text> B. <Text>{_('Paradumu saraksts')}</Text> C. <Text>{strings.header_habits}</Text> D. <Text>{_('List of habits')}</Text>

27. Kā nodrošināt navigāciju starp ekrāniem React Native lietotnē? A. Izmantojot React Router B. Izmantojot React Navigation C. Izmantojot BrowserRouter D. Izmantojot Expo Router

28. Kāda ir useMemo hook galvenā funkcija React? A. Kešot datus, lai izvairītos no nevajadzīgām pārrēķināšanām B. Atjaunināt stāvokli C. Pārvaldīt asinhronos API izsaukumus D. Pievienot dzīves cikla metodes

29. Kura situācija ir piemērota useMemo izmantošanai? A. Kad nepieciešams pārrēķināt datus, kas atkarīgi no vairākiem parametriem B. Kad tiek renderēts saraksts ar lielu datu apjomu C. Kad vēlaties saglabāt atsauci uz DOM elementu D. Kad vēlaties izsaukt funkciju tikai vienu reizi

30. Kas tiek nodots useMemo kā parametri? A. Funkcija un komponents B. Tikai funkcija C. Funkcija un atkarību masīvs D. Tikai atkarību masīvs

31. Kāda ir useRef galvenā funkcija? A. Pārvaldīt stāvokli B. Saglabāt vērtību, kas nepārrēķinās starp renderiem un neizsauc render izmaiņas C. Atgriezt DOM elementu D. Pievienot asinhronās funkcijas

32. Kā var piekļūt vērtībai, izmantojot useRef ? A. { current: vērtība } B. { state: vērtība } C. { memo: vērtība } D. { value: vērtība }

33. Kāda ir atšķirība starp useContext un useState React lietotnēs? A. useState tiek izmantots stāvokļa pārvaldībai vienā komponentē, savukārt useContext nodrošina koplietotu datu piekļuvi starp komponentēm B. useState darbojas ar asinhronām funkcijām, bet useContext tikai sinhronās funkcijās strādā C. useState tiek izmantots stāvokļa pārvaldībai vienā komponentē, savukārt useContext nodrošina koplietotu datu piekļuvi bērnu komponentēm iekš mātes komponentes D. Nav atšķirības starp useState un useContext

34. Kāda ir REST API galvenā loma front-end un back-end komunikācijā? A. Apstrādāt lietotāja ievadītos datus lokāli B. Nodrošināt standartizētu datu apmaiņu starp klientu un serveri C. Kompilēt front-end kodu D. Nodrošināt datu bāzes struktūru

35. Kāds datu formāts parasti tiek izmantots datu apmaiņai starp front-end un back-end REST API? A. HTML B. Typescript C. JSON D. CSV

36. Kā pareizi izveidot session_token, izmantojot lietotāja vārdu un paroli, izvairoties no user_id nodošanas? A. Šifrēt lietotāja vārdu un paroli un iekļaut tos session_token B. Ģenerēt nejaušu unikālu tokenu un saistīt to ar lietotāja sesiju servera pusē C. Iekļaut user_id un paroli tokenā, lai nodrošinātu lietotāja identificēšanu D. Izmantot lietotāja vārdu kā session_token

37. Kā iegūt user_id no session_token servera pusē, izmantojot drošu pieeju? A. Dekodēt session_token, kas satur šifrētu user_id B. Meklēt session_token vērtību servera datu bāzē un iegūt atbilstošo user_id C. Tieši iekļaut user_id session_token un izvilkt to pieprasījuma laikā D. Izmantot session_token kā primāro atslēgu datu bāzē

38. Kāpēc API komunikācijā būtu ieteicams izmantot user_uuid, nevis user_id? A. user_uuid ļauj izvairīties no datu šifrēšanas nepieciešamības B. user_uuid ir īsāks un vieglāk lasāms nekā user_id C. user_uuid ir pieejams tikai API un nav nepieciešams servera pusē D. user_uuid nodrošina unikālu lietotāja identifikāciju visā sistēmā un ir grūtāk uzminēt nekā secīgi piešķirti user_id

39. Kāda ir React state cikla saistība ar komponentes renderēšanu? A. Kad state tiek atjaunināts, visas komponentes tiek pārzīmētas no jauna

    B. Kad state tiek atjaunināts, komponente, kas satur šo state tiek pārzīmēta no jauna

    C. State un komponenšu pārzimēšana ir neatkarīgi procesi

    D. Child komponentes state pārzīmē sevi un Parent komponenti

40. Kāda ir atšķirība starp ORM un tiešo SQL izmantošanu datu bāzes darbībām? A. ORM ļauj izmantot programmēšanas valodas sintaksi un OOP, lai piekļūtu datiem, savukārt SQL tiek rakstīts manuāli kā vaicājumi B. SQL ir ātrāks nekā ORM, jo tas ir tieši optimizēts datu bāzei C. ORM piedāvā abstrakcijas līmeni, kas padara kodu vieglāk uzturamu un lasāmu nekā SQL D. Visi augstāk minētie

41. Kāpēc React Native vidē bieži izmanto TypeScript? A. Tāpēc, ka TypeScript neļauj kļūdaini instalēt bibliotēkas B. Tāpēc, ka TypeScript garantē iOS un Android lietotņu sertificēšanu C. Tāpēc, ka TypeScript nodrošina spēcīgos datu tipus D. Tāpēc, ka TypeScript darbojas tikai Expo projektos

42. Kurš no zemāk dotajiem React-Native TypeScript koda variantiem pareizi parāda, kā mainīt stāvokli teksta laukam ar pogas palīdzību iekš View komponentes?

    A.

    xxxxxxxxxx
    19
    1
    export default function MyComponent() {
    2
      const [text, setText] = useState<string>();
    3
    
    4
      return (
    5
        <View>
    6
          <TextInput
    7
            value={text}
    8
            onChangeText={(newText) => {
    9
              setText = 'newText'; 
    10
            }}
    11
          />
    12
          <Button
    13
            title="Action"
    14
            onPress={() => setText(123)}
    15
          />
    16
          <Text>{text}</Text>
    17
        </View>
    18
      );
    19
    }
    

    B.

    xxxxxxxxxx
    19
    1
    export default function MyComponent() {
    2
      const [text, setText] = useState<string>();
    3
    
    4
      return (
    5
        <View>
    6
          <TextInput
    7
            value={text}
    8
            onChangeText={(newText) => {
    9
              setText('newText'); 
    10
            }}
    11
          />
    12
          <Button
    13
            title="Action"
    14
            onPress={() => setText('123')}
    15
          />
    16
          <Text>{text}</Text>
    17
        </View>
    18
      );
    19
    }
    

    C.

    xxxxxxxxxx
    19
    1
    export default function MyComponent() {
    2
      const [text, setText] = useState<string>();
    3
    
    4
      return (
    5
        <View>
    6
          <TextInput
    7
            value={text}
    8
            onChangeText={(newText) => {
    9
              setText((prev) => newText); 
    10
            }}
    11
          />
    12
          <Button
    13
            title="Action"
    14
            onPress={() => setText('123')}
    15
          />
    16
          <Text>{text}</Text>
    17
        </View>
    18
      );
    19
    }
    

    D.

    xxxxxxxxxx
    19
    1
    export default function MyComponent() {
    2
      const [text, setText] = useState<string>();
    3
    
    4
      return (
    5
        <View>
    6
          <TextInput
    7
            value={text}
    8
            onChangeText={(newText) => {
    9
              setText = newText; 
    10
            }}
    11
          />
    12
          <Button
    13
            title="Action"
    14
            onPress={() => setText('123')}
    15
          />
    16
          <Text>{text}</Text>
    17
        </View>
    18
      );
    19
    }
    

    43. Kurš ir pareizs React-Native piemērs komponentes izveidei?

        A.

        xxxxxxxxxx
        11
        1
        const Component = () => {
        2
          const [value, setValue] = useState<string>("");
        3
        
        4
          setValue("Hello world");
        5
        
        6
          return (
        7
            <View>
        8
              <Text>{value}</Text>
        9
            </View>
        10
          );
        11
        };
        

         

        B.

        xxxxxxxxxx
        13
        1
        const Component = () => {
        2
          const [value, setValue] = useState<string>("");
        3
        
        4
          useEffect(() => {
        5
            setValue("Hello world");
        6
          }, []);
        7
        
        8
          return (
        9
            <View>
        10
              <Text>{value}</Text>
        11
            </View>
        12
          );
        13
        };
        

        C.

        xxxxxxxxxx
        11
        1
        const Component = () => {
        2
          const [value, setValue] = useState<string>("");
        3
        
        4
          value = "Hello world";
        5
        
        6
          return (
        7
            <View>
        8
              <Text>{value}</Text>
        9
            </View>
        10
          );
        11
        };
        

        D.

        xxxxxxxxxx
        14
        1
        const Component = () => {
        2
          const [value, setValue] = useState<string>("");
        3
        
        4
          useEffect(() => {
        5
            setValue("Hello world");
        6
            return [];
        7
          }, []);
        8
        
        9
          return (
        10
            <View>
        11
              <Text>{value}</Text>
        12
            </View>
        13
          );
        14
        };
        

        44. Kurš ir pareizs React-Native piemērs komponentei, kurā palielinās skaits skaitītajam?

        A.

        xxxxxxxxxx
        17
        1
        const MyComponent = (props: Props) => {
        2
          const [count, setCount] = useState<number>(props.count);
        3
        
        4
          const incrementCount = () => {
        5
            setCount(count + 1);
        6
          };
        7
        
        8
          return (
        9
            <View>
        10
              <Text>{props.title}</Text>
        11
              <Text>Value: {count}</Text>
        12
              <TouchableOpacity onPress={incrementCount}>
        13
                <Text>Add</Text>
        14
              </TouchableOpacity>
        15
            </View>
        16
          );
        17
        };
        

        B.

        xxxxxxxxxx
        15
        1
        const MyComponent = (props: Props) => {
        2
          const incrementCount = () => {
        3
            props.count += 1;
        4
          };
        5
        
        6
          return (
        7
            <View>
        8
              <Text>{props.title}</Text>
        9
              <Text>Value: {props.count}</Text>
        10
              <TouchableOpacity onPress={incrementCount}>
        11
                <Text>Add</Text>
        12
              </TouchableOpacity>
        13
            </View>
        14
          );
        15
        };
        

        C.

        xxxxxxxxxx
        17
        1
        const MyComponent = ({title, count}: Props) => {
        2
          const [count, setCount] = useState<number>(count);
        3
        
        4
          const incrementCount = () => {
        5
            setCount(count + 1);
        6
          };
        7
        
        8
          return (
        9
            <View>
        10
              <Text>{title}</Text>
        11
              <Text>Value: {count}</Text>
        12
              <TouchableOpacity onPress={incrementCount}>
        13
                <Text>Add</Text>
        14
              </TouchableOpacity>
        15
            </View>
        16
          );
        17
        };
        

        D.

        xxxxxxxxxx
        17
        1
        const MyComponent = ({title, count}: Props) => {
        2
          const count = useState<number>(count);
        3
        
        4
          const incrementCount = () => {
        5
            count += 1
        6
          };
        7
        
        8
          return (
        9
            <View>
        10
              <Text>{title}</Text>
        11
              <Text>Value: {count}</Text>
        12
              <TouchableOpacity onPress={incrementCount}>
        13
                <Text>Add</Text>
        14
              </TouchableOpacity>
        15
            </View>
        16
          );
        17
        };
        

        45. Kurš ir pareizs piemērs, izmantojot useRef?

        A.

        xxxxxxxxxx
        15
        1
        const Component = () => {
        2
          const count = useRef<number>(0);
        3
        
        4
          const handlePress = () => {
        5
            setCount(count + 1);   
        6
          };
        7
        
        8
          return (
        9
            <View>
        10
              <Text>Value: {count.current}</Text>
        11
              <Button title="Add" onPress={handlePress} />
        12
            </View>
        13
          );
        14
        };
        15
        
        

        B.

        xxxxxxxxxx
        19
        1
        const Component = () => {
        2
          const count = useRef<number>(0);
        3
        
        4
          const handlePress = () => {
        5
            count.current += 1;      
        6
          };
        7
          
        8
          useEffect(() => {
        9
            forceUpdate();
        10
          }, [count]);
        11
        
        12
          return (
        13
            <View>
        14
              <Text>Value: {count.current}</Text>
        15
              <Button title="Add" onPress={handlePress} />
        16
            </View>
        17
          );
        18
        };
        19
        
        

         

        C.

        xxxxxxxxxx
        17
        1
        const Component = () => {
        2
          const [refresh, setRefresh] = useState(false);
        3
          const count = useRef<number>(0);
        4
        
        5
          const handlePress = () => {
        6
            count.current += 1;      
        7
            setRefresh((prev) => !prev); 
        8
          };
        9
        
        10
          return (
        11
            <View>
        12
              <Text>Value: {count.current}</Text>
        13
              <Button title="Add" onPress={handlePress} />
        14
            </View>
        15
          );
        16
        };
        17
        
        

         

        D.

        xxxxxxxxxx
        17
        1
        const Component = () => {
        2
          const [refresh, setRefresh] = useState(false);
        3
          const count = useRef<number>(0);
        4
        
        5
          const handlePress = () => {
        6
            count += 1;      
        7
            setRefresh((prev) => !prev); 
        8
          };
        9
        
        10
          return (
        11
            <View>
        12
              <Text>Value: {count}</Text>
        13
              <Button title="Add" onPress={handlePress} />
        14
            </View>
        15
          );
        16
        };
        17
        
        

        46. Kurš ir pareizs React-Native piemērs ar style izmantojumu, lai iecentrētu tekstu ekrāna centrā?|

            A.

            xxxxxxxxxx
            10
            1
            const Component = () => {
            2
              return (
            3
                <View style={{ flex: 1 }}>
            4
                  <View style={{ flex: 1 }}>
            5
                    <Text style={{ justifyContent: 'center' }}>Hello World</Text>
            6
                  </View>
            7
                </View>
            8
              );
            9
            };
            10
            
            

            B.

            xxxxxxxxxx
            10
            1
            const Component = () => {
            2
              return (
            3
                <View style={ flex: 1 }>
            4
                  <View style={ flex: 1 }>
            5
                    <Text style={ justifyContent: 'center' }>Hello World</Text>
            6
                  </View>
            7
                </View>
            8
              );
            9
            };
            10
            
            

             

            C.

            xxxxxxxxxx
            16
            1
            const Component = () => {
            2
              return (
            3
                <View style={styles.container}>
            4
                  <View>
            5
                    <Text>Hello World</Text>
            6
                  </View>
            7
                </View>
            8
              );
            9
            };
            10
            
            11
            const styles = StyleSheet.create({
            12
              container: {             
            13
                justifyContent: 'center',    
            14
                alignItems: 'center',      
            15
              }
            16
            });
            

             

            D.

            xxxxxxxxxx
            23
            1
            const Component = () => {
            2
              return (
            3
                <View style={styles.container}>
            4
                  <View style={styles.box}>
            5
                    <Text>Hello World</Text>
            6
                  </View>
            7
                </View>
            8
              );
            9
            };
            10
            
            11
            const styles = StyleSheet.create({
            12
              container: {
            13
                flex: 1,                     
            14
                justifyContent: 'center',    
            15
                alignItems: 'center',      
            16
              },
            17
              box: {
            18
                width: 200,
            19
                height: 200,
            20
                justifyContent: 'center',    
            21
                alignItems: 'center',       
            22
              }
            23
            });
            

47. Kurš ir pareizs piemērs attēla zīmēšanai React-Native?

A.

xxxxxxxxxx
10
1
const Component = () => {
2
  return (
3
    <View>
4
      <Image
5
        source={uri: './assets/image.png'}
6
        style={{ width: 200, height: 200 }}
7
      />
8
    </View>
9
  );
10
};

B.

xxxxxxxxxx
10
1
const Component = () => {
2
  return (
3
    <View>
4
      <Image
5
        source={{uri: './assets/image.png'}}
6
        style={{ width: 200, height: 200 }}
7
      />
8
    </View>
9
  );
10
};

C.

xxxxxxxxxx
10
1
const Component = () => {
2
  return (
3
    <View>
4
      <Image
5
        source={require('./assets/image.png')}
6
        style={{ width: 200, height: 200 }}
7
      />
8
    </View>
9
  );
10
};

D.

xxxxxxxxxx
10
1
const Component = () => {
2
  return (
3
    <View>
4
      <Image
5
        source={load('./assets/image.png')}
6
        style={{ width: 200, height: 200 }}
7
      />
8
    </View>
9
  );
10
};

48. Kurš SVG piemērs ir pareizs iekš React-Native komponenetes?

A.

x
1

2
const Component = () => {
3
  return (
4
    <View>
5
      <svg height="100" width="100">
6
        <circle
7
          cx="50"
8
          cy="50"
9
          r="40"
10
          stroke="blue"
11
          strokeWidth="2"
12
          fill="lightblue"
13
        />
14
      </svg>
15
    </View>
16
  );
17
};

A.

x
1
const Component = () => {
2
  return (
3
    <View>
4
      <svg height="100" width="100">
5
        <circle
6
          center={50, 50}
7
          radius=40
8
          stroke="blue"
9
          strokeWidth=2
10
          fill="lightblue"
11
        />
12
      </svg>
13
    </View>
14
  );
15
};

C.

xxxxxxxxxx
18
1
import Svg, { Circle } from 'react-native-svg';
2

3
const Component = () => {
4
  return (
5
    <View>
6
      <Svg height="100" width="100">
7
        <Circle
8
          cx="50"
9
          cy="50"
10
          r="40"
11
          stroke="blue"
12
          strokeWidth="2"
13
          fill="lightblue"
14
        />
15
      </Svg>
16
    </View>
17
  );
18
};

D.

x
1
import Svg, { Circle } from 'svg';
2

3
const Component = () => {
4
  return (
5
    <View>
6
      <Svg height="100" width="100">
7
        <Circle
8
          center={50, 50}
9
          radius=40
10
          stroke="blue"
11
          strokeWidth=2
12
          fill="lightblue"
13
        />
14
      </Svg>
15
    </View>
16
  );
17
};

49. Kurš ir pareizs piemērs kā React-Native iegūt datus no servera?

A.

x
1
const Component = () => {
2
  const [status, setStatus] = useState<string>('');
3
  const update = async () => {
4
      const response = await axios.post('https://example.com/api/data', {
5
        key1: 'value1',
6
        key2: 'value2'
7
      });
8
     setStatus(response.data);
9
  };
10

11
  useEffect(() => {
12
    update();
13
  }, [status]);
14

15
  return (
16
    <View style={{ padding: 20 }}>
17
      <Text style={{ marginTop: 10 }}>Status: {status}</Text>
18
      <Button title="Update" onPress={update} />
19
    </View>
20
  );
21
};
22

B.

x
1
const Component = () => {
2
  const [status, setStatus] = useState<string>('');
3
  const update = async () => {
4
      const response = await axios.post('https://example.com/api/data', {
5
        key1: 'value1',
6
        key2: 'value2'
7
      });
8
     setStatus(response.data);
9
  };
10

11
  useEffect(() => {
12
    update();
13
  }, []);
14

15
  return (
16
    <View style={{ padding: 20 }}>
17
      <Text style={{ marginTop: 10 }}>Status: {status}</Text>
18
      <Button title="Update" onPress={update} />
19
    </View>
20
  );
21
};
22

C.

x
1
const Component = () => {
2
  const [status, setStatus] = useState<string>('');
3
  const update = () => {
4
      const response = axios.post('https://example.com/api/data', {
5
        key1: 'value1',
6
        key2: 'value2'
7
      });
8
     setStatus(response);
9
  };
10

11
  useEffect(() => {
12
    update();
13
  }, [status]);
14

15
  return (
16
    <View style={{ padding: 20 }}>
17
      <Text style={{ marginTop: 10 }}>Status: {status}</Text>
18
      <Button title="Update" onPress={update} />
19
    </View>
20
  );
21
};
22

D.

x
1
const Component = () => {
2
  const [status, setStatus] = useState<string>('');
3
  const update = () => {
4
      const response =  axios.get('https://example.com/api/data', {
5
        key1: 'value1',
6
        key2: 'value2'
7
      });
8
     setStatus(response.data);
9
  };
10

11
  useEffect(() => {
12
    update();
13
  }, []);
14

15
  return (
16
    <View style={{ padding: 20 }}>
17
      <Text style={{ marginTop: 10 }}>Status: {status}</Text>
18
      <Button title="Update" onPress={update} />
19
    </View>
20
  );
21
};
22

50. Kurš ir pareizs piemērs React-Native ka padod mainīgos uz mātes komponenti?

    A.

    x
    1
    const ComponentChild: = (props) => {
    2
      const sendValueToParent = () => {
    3
        props.onValueChange('Hello from Child!');
    4
      };
    5
    
    6
      return (
    7
        <View style={{ marginTop: 20 }}>
    8
          <Button title="Action" onPress={sendValueToParent} />
    9
        </View>
    10
      );
    11
    };
    12
    
    13
    const ComponentParent = () => {
    14
      const [value, SetValue] = useState<string>('');
    15
    
    16
      const onValueChange = (value: string) => {
    17
        SetValue(value);
    18
      };
    19
    
    20
      return (
    21
        <View style={{ padding: 20 }}>
    22
          <Text>Value: {value}</Text>
    23
          <ComponentChild  />
    24
        </View>
    25
      );
    26
    };
    

     

    B.

    x
    1
    const ComponentChild: = ({ onValueChange }: Props) => {
    2
      const sendValueToParent = () => {
    3
        if(onValueChange) {
    4
          onValueChange('Hello from Child!');
    5
        }
    6
      };
    7
    
    8
      return (
    9
        <View style={{ marginTop: 20 }}>
    10
          <Button title="Action" onPress={sendValueToParent} />
    11
        </View>
    12
      );
    13
    };
    14
    
    15
    const ComponentParent = () => {
    16
      let value = "";
    17
      return (
    18
        <View style={{ padding: 20 }}>
    19
          <Text>Value: {value}</Text>
    20
          <ComponentChild onValueChange={(inp) => value = inp;}} />
    21
        </View>
    22
      );
    23
    };
    

     

    C.

    x
    1
    const ComponentChild: = ({ onValueChange }: Props) => {
    2
      const sendValueToParent = () => {
    3
        if(onValueChange) {
    4
          SetValue('Hello from Child!');
    5
        }
    6
      };
    7
    
    8
      return (
    9
        <View style={{ marginTop: 20 }}>
    10
          <Button title="Action" onPress={sendValueToParent} />
    11
        </View>
    12
      );
    13
    };
    14
    
    15
    const ComponentParent = () => {
    16
      const [value, SetValue] = useState<string>('');
    17
    
    18
      return (
    19
        <View style={{ padding: 20 }}>
    20
          <Text>Value: {value}</Text>
    21
          <ComponentChild onValueChange={handleChange} />
    22
        </View>
    23
      );
    24
    };
    

     

    D.

    x
    1
    const ComponentChild: = ({ onValueChange }: Props) => {
    2
      const sendValueToParent = () => {
    3
        if(onValueChange) {
    4
          onValueChange('Hello from Child!');
    5
        }
    6
      };
    7
    
    8
      return (
    9
        <View style={{ marginTop: 20 }}>
    10
          <Button title="Action" onPress={sendValueToParent} />
    11
        </View>
    12
      );
    13
    };
    14
    
    15
    const ComponentParent = () => {
    16
      const [value, SetValue] = useState<string>('');
    17
    
    18
      const handleChange = (value: string) => {
    19
        SetValue(value);
    20
      };
    21
    
    22
      return (
    23
        <View style={{ padding: 20 }}>
    24
          <Text>Value: {value}</Text>
    25
          <ComponentChild onValueChange={handleChange} />
    26
        </View>
    27
      );
    28
    };