将来自 React-Bootstrap 表单的输入存储到变量中

问题描述

我正在尝试获取用户键入的输入并将其存储在 js 变量中以将其保存到我的数据库中。

这是我的 React 代码：

import { Link } from "react-router-dom";
import { Form,Button } from "react-bootstrap"

export default function Chart() {
    const download  = () => {
        console.log('download complete')
    };

    return(
        <>
            <Form onSubmit={download}>
                <Form.Group id="Symbol">
                    <Form.Label>Symbol</Form.Label>
                    <Form.Control type="text" required />
                </Form.Group>
                <Button className="w-100" type="button" onClick={download}>
                    Download the Data
                </Button>
            </Form>
            <Link to="/">Home page</Link>
        </>
    )
}

我希望将 Form.Control 中输入的数据存储在一个变量中，以便稍后将其保存在数据库中。

提前致谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）