問題:
機能コンポーネント「ContractHandler」から「addPostCode」と呼ばれる関数をエクスポートする方法を見つけようとしています。
「RentalDetailScreen」と呼ばれる他の機能コンポーネントで「addPostCode」を使用して、次のページに移動すると「addPostCode」がトリガーされ、「postCode」の状態が「ContractHandler」に保存されるようにします。
これは「ContractHandler.js」です。
import React, { useState } from 'react';
const ContractHandler = () => {
const [postCode, setPostCode] = useState();
const addPostCode = (data) => {
setPostCode(data)
console.log(postCode)
};
return(
<View>
<Text></Text>
</View>
)
}
export default ContractHandler;
これらは RentalDetailScreen.js の一部で、次のページに移動して「addPostCode」関数をトリガーし、「postCode」値を「ContractHandler.js」に送信します。
これはインポートです:
import { addPostCode } from '../../database/ContractHandler';
「addPostCode」機能を使ったナビゲーションです。
<TouchableOpacity onPress={() => { navigation.navigate('SecurityDetail'); addPostCode(postCode); }}>
<View style={slider.buttonStyle}>
<Text style={slider.textStyle}>Neste</Text>
<Ionicons name='ios-arrow-forward'style={slider.iconStyle} />
</View>
</TouchableOpacity>
「postCode」は、TextInput から値が与えられる単なる変数です。
私が十分に明確でない場合は、私に知らせてください。よりよく説明しようとします:)