React JS Forms - School4Tech

Forms let users to interact with the web page.

Example Code:

import React, { useState } from 'react';
import ReactDOM from 'react-dom/client';


//App function component 
function App() {
  return (
    <div>
      <p>This is a example of form in react.</p>
      <form>
        <label>Enter your name:
          <input type="text" />
        </label>
      </form>
    </div>
  );
}

const root = ReactDOM.createRoot(document.getElementById("root"));   //creating a root React component in your application

root.render(<App />)                                                 // rendering React components into a DOM node.

import React, { useState } from 'react';

import ReactDOM from 'react-dom/client';

//App function component

function App() {

return (

<div>

<p>This is a example of form in react.</p>

<form>

<label>Enter your name:

</label>

</form>

</div>

);

}

const root = ReactDOM.createRoot(document.getElementById("root")); //creating a root React component in your application

root.render(<App />) // rendering React components into a DOM node.

Output:

Leave a Comment Cancel Reply