@laney_johnson
Существует несколько способов сделать валидацию полей в React Native:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
import React, { useState } from 'react'; import { View, TextInput, Button, Text } from 'react-native'; const MyForm = () => { const [name, setName] = useState(''); const [email, setEmail] = useState(''); const [error, setError] = useState(''); const handleNameChange = value => setName(value); const handleEmailChange = value => setEmail(value); const validate = () => { if (!name) { setError('Name is required'); return false; } if (!email) { setError('Email is required'); return false; } if (!/[email protected]+.S+/.test(email)) { setError('Email is invalid'); return false; } setError(''); return true; }; const handleSubmit = () => { if (validate()) { // submit form } }; return ( {error ? {error} : null} ); }; export default MyForm; |
Это пример простой формы с двумя полями (имя и электронная почта) и функцией валидации, которая проверяет, были ли заполнены оба поля и правильно ли указан адрес электронной почты.