How can I open a form by click on a link in React?

Question

I'm a beginner in React. I want to show a form by clicking on an <a></a> tag, please help me. I searched a lot but didn't figure out how to do it.

<a href="#adduser" onClick={viewData}>
   Add new user
</a>

by clicking on "Add new user" a form will be opened. Can anyone help me with that?

Is this what you're looking for? w3schools.com/howto/howto_js_accordion.asp — Ajay Dabas
– Ajay Dabas, Commented Dec 21, 2019 at 8:51

boikevich · Accepted Answer · 2019-12-21 12:01:23Z

2

import React, { useState } from 'react';

export function FormBlock() {
  const [showForm, setFormStatus] = useState(false);

  const viewData = () => setFormStatus(true);

  return (
    <div>
      <a href="#adduser" onClick={viewData}>Add new user</a>
      {showForm && (
        <form>
          <input />
          <button type="submit">submit</button>
        </form>
      )}
    </div>
  );
}

answered Dec 21, 2019 at 12:01

boikevich

4083 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

How can I open a form by click on a link in React?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related