ModalPicker的值无法传递给Form

Question

我正在编写一个选择器来选择React-native中一系列Forms中的性别，但所选的值无法传递给Form。问题是什么？这是我的代码。

      <Form style={styles.orderContainer} ref="form">
        <View style={styles.orderInputContainer}>
          <Text style={styles.orderInputText}>Name</Text>
          <TextInput defaultValue={data.username} type="TextInput" name="name" style={styles.orderInput} ref="username" returnKeyType={"next"} autoFocus={true} autoCapitalize="none" autoCorrect={false} placeholder="Please enter your name" clearButtonMode='while-editing' blurOnSubmit={false} />
        </View>
        <View style={styles.orderInputContainer}>
          <Text style={styles.orderInputText}>Gender</Text>
          <ModalPicker
            data={genderA} 
            type="ModalPicker"
            onChange={(option)=>{ this.setState({genders:option.label})}}>
            <TextInput  
              editable={false}
              defaultValue={data.gender}
              type="TextInput" name="gender" style={styles.orderInput} ref="gender" 
              value={this.state.genders} />
          </ModalPicker>
        </View>
      </Form>