reactjs - 如何通过单击 React 中的链接打开表单？

Question

我是 React 的初学者。我想通过单击<a></a>标签来显示表格，请帮助我。我搜索了很多，但不知道该怎么做。

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

通过单击“添加新用户”，将打开一个表单。任何人都可以帮助我吗？

标签： reactjs

Answer 1

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>
  );
}