the platform is React Native with Expo
situation is like this :
i have a huge code , so i decided to separate it into parts ( for example ) :
in this code there is messageType 1, messageType 2, messageType 3 , so i cut the contents of the messageType 1 and pasted it into new file called Message1.js

in the main file (MessageTypes.js ) there are many Variables that i use from site’s API

my code is like this : Main file ‘MessageTypes.js’

import ..
...
import Message1 from './Message1';
....
setMessaText1(oldData.message_text1); //for example the $data['message_text1'] = 'some Text Value';
.
.
.
.
const [messaText1, setMessaText1] = React.useState('');
.
.
.
.
 return (
 <Message1/>
)

and in the second file ‘Message1.js’ :

import * as React from 'react';
import { Text,Dimensions,StatusBar,Alert,TouchableOpacity,StyleSheet,View,ScrollView,Linking,Image,Platform} from 'react-native';
import {TextInput,Button,TouchableRipple,Switch,RadioButton,ActivityIndicator,} from 'react-native-paper';
import I18n from 'i18n-js';
import { useRoute } from '@react-navigation/native'; 

const width = Dimensions.get('screen').width;

export default function Message1() {

const [messaText1, setMessaText1] = React.useState('');
return(
<TextInput
          style={{ marginTop: 20,width:'100%',lineHeight: 40,textAlign:'right'}}
          mode="outlined"
          multiline
          value={messaText1}
          placeholder={I18n.t('type_your_message_here')}
      contentStyle = {{color: '#000'}}
          placeholderTextColor= "#808080"
          onChangeText={(text) => setMessaText1(text)}
                      />
                      )
}

everything working and the textinput appears but the {messaText1} == null
so how can i get the variable messaText1 work in this situation ?
thanks a lot

i already searched, but i can’t find a working solution