#reactjs #react-native #textinput
#reactjs #react-native #textinput
Вопрос:
У меня есть компонент с кучей TextInput
полей.
Все они имеют такую структуру:
...
<TextInput
style={styles.mediumFont}
placeholder="Please enter patient's name..."
value={patient_name}
onChangeText={(text) =>
setFormData({ ...formData, patient_name: text })
}
onSubmitEditing={() => {
doctorNameField.focus();
}}
/>
...
<TextInput
ref={input=>doctorNameField=input}
style={styles.mediumFont}
placeholder="Please enter doctor's name..."
value={doctor_name}
onChangeText={(text) =>
setFormData({ ...formData, doctor_name: text })
}
onSubmitEditing={() => {
PrescribsionField.focus();
}}
/>
...
Шаблон того, как я использовал ref
и onSubmitEditing
работал в другом компоненте, но я не уверен, почему этого не произошло…
Пожалуйста, помогите! Очень признателен!
Комментарии:
1. Не уверен на 100%, но разве вы не должны устанавливать ссылку, выполняя
ref={input => this.doctorNameField=input}
, а затем фокусируясь следующим образомthis.doctorNameField.focus();
2. он говорит
this
, что не определено