Name: Setting up the Action function
Uploaded: 2023-03-13T22:39:38.814Z
Duration: 4 min 29 s
Description: Setting up the Action function

scrimba

Watch in fullscreen

Setting up the Action function

by Bob Ziroll

Learn React Router 6

About

Comments

Notes

Add form and action to VanLife2:14

Setting up the Action function

by Bob Ziroll

Learn React Router 6

Expand for more info

Add form and action to VanLife2:14

run

preview

console

import React from "react"
import { useNavigate, Form } from "react-router-dom"

export default function Login() {
    return (
        <Form>
            <input
                type="email"
                name="email"
                placeholder="Email address"
            />
            <br />
            <input
                type="password"
                name="password"
                placeholder="Password"
            />
            <br />
            <button>Log in</button>
        </Form>
    )
}

import React from "react"

import { useNavigate, Form } from "react-router-dom"

export default function Login() {

return (

<Form>

<input

type="email"

name="email"

placeholder="Email address"

<br />

<input

type="password"

name="password"

placeholder="Password"

<br />

</Form>

)

}

-4:28