GlobalContext >>挂钩>>输入元素

时间:2020-04-19 00:04:38

标签: reactjs forms input react-hooks context-api

有人可以帮助我解决这个问题。我在前端使用React / ContexAPI,在后端使用MongoDB。我打了一些电话,并检索了一笔交易的数据。那已经作为SingleTransaction存储到Global状态。现在,我有一个带有很多输入元素的表单标签,我想从GlobalState中获取数据并预填充所有输入字段。

但是,在设置值= {SingleTransaction.name}之后,由于该字段受到控制,我无法在该字段中键入任何内容。由于此for应该用于显示预填充的数据并允许用户修改字段,因此我需要弄清楚如何将数据从GlobalContext状态获取到输入字段中,但仍然允许用户自己更改值,因为这是稍后将成为“ PUT”请求onSubmit。在这里,React钩子确实给了我一些麻烦。我希望你对我在写些什么有所了解。

总而言之,当我将GlobalState放入输入字段的值时,我无法在该字段中键入任何内容。但是,当我使用带有

之类的钩子的常规“状态”时
const [value, setValue] = useState('***');

我能够输入类似

的字段
<input value = {value} />

然后使用onChange = {setValue}更改其值,而不是使用GlobalState的情况。

谢谢!

0 个答案:

没有答案