React Native LPU - Affixious

Created on February 17, 2023 By

Priyanshu Maithani

ReactNative LPU

Are you a driven mind with impeccable skills? We at Affixious bring to you our eagerly awaited campus recruitment exam duly designed to evaluate your technical skills. Take this short test and stand a chance to be part of the Affixious family.

Kindly fill in your contact details.

1 / 20

1. In which lifecycle method do you make requests for data in a class component?

1. constructor

2. componentDidMount

3. componentWillReceiveProps

4. ComponentWillMount

2 / 20

2. What do you need to change about this code to get it to run?

const clock = (props) => {

return <Text>Look at the time: {props.time}</Text>;

};

1. Add quotes around the return value

2. Remove Text

3. Remove the render method

4. Capitalize clock

3 / 20

3. How might you check property types without using Flow or TypeScript?

1. Check Manually.

2. Use prop-helper.

3. use prop-types.

4. user checker-types.

4 / 20

4. Which below statement is correct about Props?

1. Props are immutable.

2. Props can’t be modified.

3. In props, you can pass properties from parent components.

4. All of the above.

5 / 20

5. In this function, which is the best way to describe the Dish component?

function Dish() {

return (

<>

</>

);

}

1. child component

2. parent component

3. nested component

4. sibling component

6 / 20

6. What will happen when this useEffect Hook is executed, assuming name is not already equal to shiv?

useEffect(() => {

setName('shiv');

}, [name]);

1. It will cause an error immediately.

2. It will execute the code inside the function, but only after waiting to ensure that no other component is accessing the name variable.

3. It will update the value of name once and not run again until name is changed from the outside.

4. It will cause an infinite loop.

7 / 20

7. Disadvantage of React-Native?

1. Poor memory management

2. Dependable on third-party libraries

3. Single threaded interface

4. All of the above.

8 / 20

8. How do you invoke setDone only when component mounts, using hooks?

function MyComponent(props) {

const [done, setDone] = useState(false);

return <Text>Done: {done}</Text>;

}

1. useEffect(() => { setDone(true); });

2. useEffect(() => { setDone(true); }, []);

3. useEffect(() => { setDone(true); }, [setDone]);

4. useEffect(() => { setDone(true); }, [done, setDone]);

9 / 20

9. Why is it a good idea to pass a function to setState instead of an object?

1. It provides better encapsulation.

2. It makes sure that the object is not mutated.

3. It automatically updates a component.

4. setState is asynchronous and might result in out of sync values.

10 / 20

10. Per the following code, when is the Hello component assigned to greeting?

const greeting = isLoggedIn ? <Hello /> : null;

1. never

2. when isLoggedIn is true

3. when a user logs in

4. when the Hello function is called

11 / 20

11. Describe what is happening in this code?

const { name: firstName } = props;

1. It is creating a new object that contains the same name property as the props object.

2. It is assigning the value of the props object's firstName property to a constant called name.

3. It is retrieving the value of props.name.firstName.

4. It is assigning the value of the props object's name property to a constant called firstName.

12 / 20

12. What value of button will allow you to pass the name of the person to be hugged?

class Huggable extends React.Component {

hug(id) {

console.log("hugging " + id);

}

render() {

let name = "kitten";

let button = // Missing code

return button;

}

1. <button> this.hug(name)}>Hug Button</button>;

2. <button>Hug Button</button>;

3. <button> hug(name, e)}>Hug Button</button>;

4. <button> this.hug(name, e)}>Hug Button</button>;

13 / 20

13. What is [e.target.id] called in this code snippet?

const handleChange = (e) => {

setState((prevState) => ({ ...prevState, [e.target.id]: e.target.value }));

};

1. a computed property name.

2. a set value.

3. a dynamic key.

4. a JSX code string.

14 / 20

14. This code is part of an app that collects Pokemon. The useState hook below is a piece of state holding onto the names of the Pokemon collected so far. How would you access the collected Pokemon in state?

const PokeDex = (props) => {

const [pokeDex, setPokeDex] = useState([]);

/// ...

};

1. props.pokeDex

2. this.props.pokeDex

3. setPokeDex()

4. pokeDex

15 / 20

15. Which below statement is wrong about Controlled Component?

1. It maintains its internal states.

2. Data is controlled by the parent component.

3. It accepts the current value as a prop.

4. Has much efficient control over the form elements and data.

16 / 20

16. Which below statement is wrong about FLATLIST?

1. It provides header and footer support.

2. It renders all the child components at once. However, it decreases the performance.

3. It gives horizontal mode as an optional feature.

4. It allows configuring viewability callbacks.

17 / 20

17. Which below statement is wrong?

1. React Native app is a real mobile app, not a web app running inside a mobile app shell.

2. React Native app is converted into machine code which runs on mobile that is why it gives better performance than other alternatives.

3. Mobile application built with React native has small bundle size in comparison to older hybrid application.

4. All of the above are wrong.

18 / 20

18. What is the process of deciding whether an update is necessary?

1. shadow DOM

2. fiber

3. reconciliation

4. setting state

19 / 20

19. What is sent to an Array.map() function?

1. a callback function that is called once for each element in the array

2. the name of another array to iterate over

3. the number of times you want to call the function

4. a string describing what the function should do

20 / 20

20. Which below statement is wrong about React-Native?

1. React-native is used for building mobile application.

2. React-native is an open-source project by Meta (Facebook).

3. React-native is a JavaScript library.

4. React-native is used to create cross platform mobile application.

Your score is

The average score is 15%

0%

CAMPUS RECRUITMENT EXAMINATION BY AFFIXIOUS