如何解决如何将平面清单中组件的数字输入值从模态屏幕传递到主组件屏幕?
我在一个列表中有一个项目列表,每个项目的数字输入如下所示
我的单位列表代码如下:
const BedRoomModal = () => {
return (
<View style={{flex: 1}}>
<ScrollView>
<Text style={Styles.headerText}>Bedroom 1</Text>
<View style={Styles.container}>
<FlatList
data={bedData.BED}
renderItem={renderItem}
keyExtractor={(item) => item.BED_ID}
/>
</View>
</ScrollView>
<TouchableOpacity
onPress={() => BedRoomSave()}
style={{
alignSelf: 'flex-end',right: 5,position: 'absolute',bottom: 10,}}>
<View
style={{
backgroundColor: '#20B2AA',alignSelf: 'flex-end',padding: 10,}}>
<Text style={{fontSize: 15,fontWeight: 'bold',color: '#fff'}}>
SAVE
</Text>
</View>
</TouchableOpacity>
</View>
);
};
renderItem如下:
const renderItem = ({item,index}) => {
return (
<>
<View
style={{
marginBottom: 24,flexDirection: 'row',justifyContent: 'space-between',}}>
<Text style={Styles.checklistTitle}>{item.BED_TITLE}</Text>
<NumericInput
value={bed[index]}
onChange={(value) => bedDataFunction(value,index)}
totalWidth={100}
totalHeight={35}
iconSize={22}
step={1}
valueType="integer"
textColor="#B0228C"
iconStyle={{color: 'black'}}
rightButtonBackgroundColor="#fff"
leftButtonBackgroundColor="#fff"
minValue={0}
/>
</View>
<View style={Styles.itemSeparator}></View>
</>
);
};
bedDataFunction:
const bedDataFunction=(value,id)=>{
console.log('VALUE')
console.log(value)
console.log('ID')
console.log(id)
}
我使用的状态是:
const [bed,setBed] = useState([]);
我在onchange函数的控制台中获取了值,但是现在我需要获取该值并将其显示在屏幕上?有人能告诉我我在做什么错吗?
任何建议都将受到欢迎,长期以来一直坚持不懈,希望能得到帮助,谢谢。 让我知道是否需要什么以更好地理解代码。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。