import React from
'react'
import
'rsuite/dist/styles/rsuite-default.css'
;
import { Schema, Button } from
'rsuite'
;
const { StringType, NumberType } = Schema.Types;
const userModel = Schema.Model({
username: StringType().isRequired(
'Enter username!'
),
age: NumberType(
'Age should be a number'
)
.range(0, 10,
'Enter between 0-10 year!'
)
});
const userOne = userModel.check({ username:
'niharika'
, age: 50 });
const userTwo = userModel.check({ username:
'gourav'
, age: 10 });
export
default
function
App() {
return
(
<div style={{
display:
'block'
, width: 700, paddingLeft: 30
}}>
<h4>React Suite Schema Component</h4>
<Button onClick={() => {
console.log(
"Validated User One: "
, userOne)
console.log(
"Validated User Two: "
, userTwo)
}}>Validate</Button>
</div>
);
}