Job offersCompaniesTestsBlogI'm an employerSign upLog in
Home>IT Tests>Questions>Which of the following modified versions of the component allows it to be used in a React Native project?

Question from the React Native (Legacy) test

Which of the following modified versions of the component allows it to be used in a React Native project?

Hard

For the following component, which modified version allows it to be used in a React Native project?

Example:
const MyComponent = () => (
	<div>
		My Component
		<img src="https://facebook.github.io/react-native/img/header_logo.png"/>
	</div>
)

Code A:
import React from 'react'
const MyComponent = () => (
	<div>
		My Component
		<img src="https://facebook.github.io/react-native/img/header_logo.png"/>
	</div>
)

Code B:
import React from 'react'
import {Div, Img} from 'react-native'
const MyComponent = () => (
	<Div>
		My Component
		<Img src="https://facebook.github.io/react-native/img/header_logo.png"/>
	</Div>
)

Code C:
import React from 'react'
import {View, Image} from 'react-native'
const MyComponent = () => (
	<View>
		My Component
		<Image source={{uri: "https://facebook.github.io/react-native/img/header_logo.png"}} />
	</View>
)

Code D:
import React from 'react'
import {View, Text, Image} from 'react-native'
const MyComponent = () => (
	<View>
		<Text>
			My Component
		</Text>
		<Image source={{uri: "https://facebook.github.io/react-native/img/header_logo.png"}} />
	</View>
)
Author: Vincent CotroStatus: Published(Update)Question passed 365 times
Edit
-2
Community EvaluationsNo one has reviewed this question yet, be the first!
Similar Questions
5
Write a React Native animation that spins an image.
2
Which of the following code snippets will print 'Hello World' to the console?
2
How to use StyleSheet in React Native
1
I can launch the debugger in Chrome from my app, I run `react-native log-ios` from my command line
1
Which of the following snippets are valid JSX?
1
How to set the background color of a View in React Native
1
What is the output of the following code? const App = () => { const [count, setCount] = useState(0); return ({ <Text> The count is {count} </Text> <Button onPress={() => setCount(count + 1)}> Increase </Button> }); }; export default App;