diff --git a/Libraries/NewAppScreen/components/LearnMoreLinks.js b/Libraries/NewAppScreen/components/LearnMoreLinks.js index 1d63f141ebe255..d18e612729bbbd 100644 --- a/Libraries/NewAppScreen/components/LearnMoreLinks.js +++ b/Libraries/NewAppScreen/components/LearnMoreLinks.js @@ -17,44 +17,52 @@ import React from 'react'; const links = [ { + id: 1, title: 'The Basics', link: 'https://facebook.github.io/react-native/docs/tutorial', description: 'Explains a Hello World for React Native.', }, { + id: 2, title: 'Style', link: 'https://facebook.github.io/react-native/docs/style', description: 'Covers how to use the prop named style which controls the visuals.', }, { + id: 3, title: 'Layout', link: 'https://facebook.github.io/react-native/docs/flexbox', description: 'React Native uses flexbox for layout, learn how it works.', }, { + id: 4, title: 'Components', link: 'https://facebook.github.io/react-native/docs/components-and-apis', description: 'The full list of components and APIs inside React Native.', }, { + id: 5, title: 'Navigation', link: 'https://facebook.github.io/react-native/docs/navigation', description: 'How to handle moving between screens inside your application.', }, { + id: 6, title: 'Networking', link: 'https://facebook.github.io/react-native/docs/network', description: 'How to use the Fetch API in React Native.', }, { + id: 7, title: 'Help', link: 'https://facebook.github.io/react-native/help', description: 'Need more help? There are many other React Native developers who may have the answer.', }, { + id: 8, title: 'Follow us on Twitter', link: 'https://twitter.com/reactnative', description: @@ -64,16 +72,16 @@ const links = [ const LinkList = (): Node => ( - {links.map((item, index) => { + {links.map(({id, title, link, description}) => { return ( - + openURLInBrowser(item.link)} + onPress={() => openURLInBrowser(link)} style={styles.linkContainer}> - {item.title} - {item.description} + {title} + {description} );