React JS Tutorial For Beginners : Part 29 Handling User Input Part 1

Показать описание

React JS is an open source JavaScript library used to build user interfaces.
It handles the view layer of our application.
React allows us to create large web applications that can change data without reloading the webpage.
React is created and maintained by Facebook and uses a special syntax called as JSX which allows you to mix HTML with JS.
React is in demand as a skill required by a lot of tech companies.

Рекомендации по теме

Комментарии

The explanation of every concept is very clear. sir plz upload more videos to cover all concepts. thanks, sir for the playlist.

pallavigupta

Functional based example:

import { useState } from 'react'

function Form() {
let [firstname, setFirstName] = useState('')
let [lastname, setLastName] = useState('')

const handleFirstName = (event) => {
setFirstName((firstname = event.target.value))
}
const handleLastName = (event) => {
setLastName((lastname = event.target.value))
}
return (
<div>
<h2>Form</h2>
<form>
<input
onChange={handleFirstName}
type="text"
name="firstname"
value={firstname}
></input>
<br />
<input
onChange={handleLastName}
type="text"
name="lastname"
value={lastname}
></input>
</form>
</div>
)
}

export default Form

Waqasda

Compared to a traditional form with multiple form elements and a react form with this kind of implementation seems unnecessarily complex. What's the real benefit ?

sanen_ads_lk