多くのボタンを持つChooseLevel
コンポーネントがあります。ボタンをクリックすると、onLevelSelected
関数が呼び出され、アクションタイプを返すアクションクリエータが呼び出され、さらにqPage
コンポーネントにリダイレクトされます。 qPage
コンポーネントでは計算をいくつか行い、その結果を合計変数に入れます。 は、ここに私のコードです:1つのコンポーネントから別のコンポーネントに変数を渡します。ネイティブで反応します。
import { Actions } from 'react-native-router-flux';
export const levelSelected = (levelNumber) => {
return (dispatch) => {
dispatch({
type: 'level_selected',
payload: levelNumber
});
Actions.qPage(); // redirects me to qPage component
};
};
qPage.js
class qPage extends Component {
constructor(props){
...
}
calc(){
.... some calculation
total = result of previous calculation
}
render(){
....
....
}
}
:
ChooseLevel.js
class ChooseLevel extends Component {
constructor(props) {
super(props);
}
onLevelSelected(levelNumber) {
this.props.levelSelected(levelNumber);
}
render(){
<Button key={1} onPress={this.onLevelSelected.bind(this, 1)}>
<Button key={2} onPress={this.onLevelSelected.bind(this, 2)}>
<Button key={3} onPress={this.onLevelSelected.bind(this, 3)}>
....
}
}
マイアクションの作成者は次のようになります
合計をqPageからChooseLevelページに渡すにはどうすればよいですか?
1)1つの以上のアクションを作成し、そのアクション内の計算値を渡す:あなたがする必要がどのような
qpageには何かレンダリングがありますか? – Codesingh
はい、私はコードの一部を省略しました。 – splunk
あなたはreduxを使用していますか? – Codesingh