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>
)
Edit
-2
Community EvaluationsNo one has reviewed this question yet, be the first!
5
Write a React Native animation that spins an image.1
Which of the following snippets are valid JSX?2
How to use StyleSheet in React Native1
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;
1
I can launch the debugger in Chrome from my app, I run `react-native log-ios` from my command line2
Which of the following code snippets will print 'Hello World' to the console?1
How to set the background color of a View in React Native