如何将平面清单中组件的数字输入值从模态屏幕传递到主组件屏幕?

问题描述

我在一个列表中有一个项目列表,每个项目的数字输入如下所示

enter image description here

我的单位列表代码如下:

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 (将#修改为@)

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...