したがって、基本的には、複数の入力からすべての値を収集し、その配列を状態として設定できるようにしたいのです。これが私が現在取り組んでいるものです:
this.state.basket.map(b => {
return (
<View>
<InputSpinner
style={styles.spinnerQty}
max={50}
min={1}
step={1}
rounded={false}
showBorder
colorMax={"#2a292d"}
colorMin={"#2a292d"}
value={b.qty}
onChange={num => {
this.setState({ popUpQty: num });
}}
/>
<View style={styles.hrLine}></View>
</View>
);
});
だから私は自分basket
を繰り返し、axios出力からの値でスピナーを設定しています。したがってInputSpinner
、複数の値を持つ複数の値があります。私の質問は、どうすればのすべての値を収集し、onChange
それを配列にプッシュして、最終的に状態にすることができるかということです。のようなものQuantityState: []
は、すべてのの値になりInputSpinner
ます。それが理にかなっていることを願っています。どんな助けでも大歓迎です。ありがとう!
このコードを使用すると、特定の配列インスタンスでonChange番号を動的に追加/更新できます。numキーは、特定のonChangeトリガー時に追加されるため、最後にそのインデックスに配置された値を取得します。キーが見つからない場合は、そのインデックスに対してonChangeがトリガーされないことを意味します。
state = {
spinnerData : {},
basket: []
}
this.state.basket.map((b, index) => {
return (
<View>
<InputSpinner
style={styles.spinnerQty}
max={50}
min={1}
step={1}
rounded={false}
showBorder
colorMax={"#2a292d"}
colorMin={"#2a292d"}
value={b.qty}
onChange={num => {
const newbasket = [...this.state.basket];
newbasket[index]["num"] = num;
this.setState({ basket:newbasket });
}}
/>
<View style={styles.hrLine}></View>
</View>
);
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加