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