與Formik的React-Native Picker

Question

我的基本形式工作正常，但是，由於有一些反應原生的警告，我可以使用一些幫助來了解問題是我如何使用formik，或者將它與react-native一起使用。

在這種特殊形式中，當我嘗試使用formik填充react-native中的picker時，表單會在我選擇一個選項后立即將選擇器重置為原始值。 我已經刪除了代碼，因為我覺得有人應該在沒有大量代碼的情況下得到答案，但我沒有看到我所遺漏的內容。 謝謝。

<Formik
    onSubmit={
    props.onSubmit(props.values)
  }

  mapPropsToValues = {(props) => ({
    id: props.id,
    status: props.status
  })}

  validate={values => {
    // same as above
    let errors = {};
    return errors;
  }}

  onValueChange={ (itemIndex) => {
    this.props.values.status = itemIndex
  }}

  render= { props => (
    const { id, status } = this.props
    <View>
      <Text style={styles.textResultsHeaderStyle}>Job: {id}</Text>
      <Picker
        selectedValue={status}
        onValueChange={itemIndex => this.onValueChange}>
        <Picker.Item label="New" value="0" />
        <Picker.Item label="Requested" value="1" />
        <Picker.Item label="Responded" value="2" />
        <Picker.Item label="Closed" value="3" />
      </Picker>
      <RoundedButton disabled={props.isSubmitting} onPress={props.handleSubmit} text="SUBMIT" />
    </View>
  )}
/>

Answer 1

我剛剛在github上回答了類似的問題。 我想你在RN中使用內置的選擇器組件。
如果沒有，那么您需要檢查選擇器組件的文檔，以了解如何獲得更改的價值。
https://github.com/jaredpalmer/formik/issues/1378#issuecomment-480189488