#react-native #react-hooks #use-state #react-native-textinput
#react-native #реагирующие крючки #состояние использования #react-native-textinput
Вопрос:
Вот мой код —
const StartGameScreen = props => {
const [enteredValue, setEnteredValue] = useState('');
const numberInputHandler = inputText => {
setEnteredValue(inputText);
};
const resetInputHandler = () => {
setEnteredValue('');
};
return (
<View>
<TextInput
blurOnSubmit
autoCapitalize="none"
autoCorrect={false}
keyboardType="number-pad"
maxLength={2}
onChangeText={numberInputHandler}
value={enteredValue}
/>
<View style={styles.button}>
<Button title="Reset" onPress={resetInputHandler}/>
</View>
</View>
);
У меня возникла пара проблем с приведенным выше кодом.
-
Я вызываю
numberInputHandler
функцию onChangeText, но значение не обновляется. Аналогично, при нажатии кнопки сброса я вызываю другую функцию «resetInputHandler», она тоже не работает. -
keyboardType="number-pad"
не работает. Я могу видеть обычную клавиатуру как в симуляторе iPhone, так и в Android.
Не могли бы вы помочь решить вышеуказанные проблемы?
Комментарии:
1. ваш код абсолютно правильный, все работает snack.expo.io/@anthowm/input-issue . Возможно, у вас проблема с кэшем, просто перезапустите проект.
2. Эй, да — он отлично работал после повторного запуска проекта. Спасибо за ваш ответ 🙂