3. Legacy Code Modernization

Help modernize
this
jQuery code to React
:
$
(
'#userForm'
)
.
submit
(
function
(
e
)
{
e
.
preventDefault
(
)
;
var
userData
=
{
name
:
$
(
'#userName'
)
.
val
(
)
,
email
:
$
(
'#userEmail'
)
.
val
(
)
}
;
$
.
ajax
(
{
url
:
'/api/users'
,
method
:
'POST'
,
data
:
userData
,
success
:
function
(
response
)
{
$
(
'#message'
)
.
text
(
'Success!'
)
;
}
,
error
:
function
(
xhr
)
{
$
(
'#error'
)
.
text
(
'Error: '
+
xhr
.
responseText
)
;
}
}
)
;
}
)
;
Requirements
:
1.
Modern React patterns
2.
Form validation
3.
Error handling
4.
Loading states