Question

我有一个Formik表单，其中保存了两个用户输入。现在，我试图将用户输入传递到不应显示该表单的另一个屏幕。但是到目前为止，它没有用。我在互联网上进行了一些搜索，其中大多数首先将formComponent传递给另一个屏幕，并与它一起找到表单的数据。但这使表格可见，但我希望它们位于2个不同的屏幕中。我仍然尝试将formCOmponent传递到另一个屏幕，然后提供一个属性并显示数据，但是它不起作用。我对本机反应还很陌生，现在我有点碰壁，不知道该怎么办。

也许有人可以向我展示如何传递指针：

这是我的FormComponent：

<Formik
        initialValues={{name: '', member: ''}}
        onSubmit={(values) =>
        {
          addList(values);
        }}
        >
        {(FormikProps) => (
          <Form>
              <Input

                onChangeText={FormikProps.handleChange('name')}
                values={FormikProps.values.name}
              />
              <Input

                onChangeText={FormikProps.handleChange('member')}
                values={FormikProps.values.member}

              />
             <View style={{ marginLeft: 120, flexDirection: "row" }}>
              <View>
                <Button

                  onPress={() => props.navigation.navigate("Home")}
                  enableReinitialize="false"
                >
                  <Label style={(styles.font, styles.buttonText)}>
                    Abbrechen
                  </Label>
                </Button>
              </View>
              <View>
                <Button

                  onPress={FormikProps.handleSubmit}
                >
                  <Label style={(styles.font, styles.buttonText)}>
                    Speichern
                  </Label>
                </Button>
              </View>
            </View>
            </Form>
        )}

          </Formik>

这是我要显示数据但仅显示数据的地方

const MyListsView = ({route,navigation}) => {

    const addList = (listElement) => {
        setListElement((currentList) => {
            return [listElement, ...currentList]
        });
    }
  return (

    <View>

<View>  
<AddListView addList={addList} />
</View>

    </View>


  )
};

将Formik数据传递到另一个屏幕

0 个答案: