react-ui-validations

ΠΠ°Π±ΠΎΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΡΠ΅Π°Π»ΠΈΠ·ΡΡΡΠΈΡ
ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠΉ ΠΏΠΎ ΠΊΠΎΠ½ΡΡΡ-Π³Π°ΠΉΠ΄Π°ΠΌ.
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
npm install --save react-ui-validations
import { ValidationContainer, ValidationWrapperV1 } from 'react-ui-validations';
export default class DataEditor extends React.Component {
// ...
render() {
return (
<ValidationContainer>
<ValidationWrapperV1
validationInfo={/\d+/.test(phone)
? { message: 'Π’Π΅Π»Π΅ΡΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΡΡΠΎΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ· ΡΠΈΡΡ' }
: null}>
<Input
value={phone}
onChange={value => setState({ phone: value })}
/>
</ValidationWrapperV1>
</ValidationContainer>
);
}
}
ΠΠ°ΠΏΡΡΠΊ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ²
git clone git@github.com:skbkontur/react-ui-validations.git
cd react-ui-validations
npm install
cd docs
npm install
npm start