React function not defined

Question

I am new to react, I am trying to call an function , Here is my code:

import React,{useState} from "react";
import { Link } from "react-router-dom";
import axios from "axios"
import { ToastContainer, toast } from 'react-toastify';
const Register = prop => {
  const [username, setusername] = useState([]);
handleChange = () => {
  return "Hello World!";
}
  return (
    <>
  
            <Form role="form">
<FormGroup className="has-success">
                <InputGroup className="input-group-alternative mb-3">
                  <InputGroupAddon addonType="prepend">
                    <InputGroupText>
                      <i className="ni ni-hat-3" />
                    </InputGroupText>
                  </InputGroupAddon>
                  <Input
                  className="form-control-alternative is-valid"
                    placeholder="User Name"
                    type="text" 
                    onChange={handleChange}
                    id="input-username" 
                  />
                </InputGroup>
              </FormGroup>"text-center">
                <Button className="mt-4" color="primary" type="button">
                  Create account
                </Button>
              </div>
            </Form>
          
       
    </>
  );
};

export default Register;

i am trying to setstates on change function , but i am facing an error "handleChange not defined"

Thanks in advance

Dennis Vash · Accepted Answer · 2021-04-19 09:54:11Z

2

You need to define the function, as for now you assigning the function to a variable named handleChange, which does not exists in current scope.

const Register = (prop) => {
  // add const beforehand
  const handleChange = () => {...};
  return <>...</>;
};

answered Apr 19, 2021 at 9:54

Dennis Vash

54.2k12 gold badges120 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BTSM · Accepted Answer · 2021-04-19 09:57:41Z

0

Define handleChange function like this

 const handleChange = () => {
    return "Hello World!";
 };

Or

function handleChange(){
    return "Hello World!";
}

answered Apr 19, 2021 at 9:57

BTSM

1,6638 gold badges14 silver badges29 bronze badges

Collectives™ on Stack Overflow

React function not defined

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related