Question

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

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

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

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

Answer 2

您可以为此使用react-collapse：react-collaps docs

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

2 个答案: