React Native Props

 App Name : Test

Component Name : Home.js & App.js 

Props :  share data between two component used props.

-----------------------------------------------------   App.js ----------------------------------------

/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/

import React, { Component } from 'react'
import { View, Text, Button, } from 'react-native';
import Home from './Component/Home'

const App = () => {
const data="some data"
return(
<View>
< Home data={data}/>
</View>
)
}


export default App;

-------------------------------------------------------------------------------------------
----------------------------------- Home.js ----------------------------------


import React, { Component } from 'react'
import { View, Text, Button, } from 'react-native';

const Home = (props) => {
return(
<View>
<Text>{props.data}</Text>
</View>
)
}



export default Home;


Comments

Popular posts from this blog

React Native FlatList

React Native class component