如何在反应js中获取输入值？答案

【问题标题】：How to get a value of input in react js?如何在反应js中获取输入值？
【发布时间】：2022-09-23 02:29:36
【问题描述】：

我是新来的反应。我想获得类型编号的输入值。

var x = //now I want to get value of an input

你能帮我吗？

这回答了你的问题了吗？ How to get the value of an input field using ReactJS?
在提出关于 SO 的问题之前，您真的应该尝试introductory tutorials。
通常...您希望在值更改时做出反应并存储该状态，然后您可以在对其他内容（例如表单提交）做出反应时访问它，而无需转到 dom。

标签： reactjs

【解决方案1】：

您可以使用以下代码找到帮助，也可以运行它来获取事件的值。

function App() {

  const handleOnChange = (e) => {
    console.log(e.target.value);
  }

  return (
    <div className="App">
      <input name='myInput' type={"text"} onChange={(e) => handleOnChange(e)} />
    </div>
  );
}

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

这不能通过多种方式实现。

您可以在输入元素上设置 onChange 或 onInput 事件，以在用户在输入元素上写入时获取输入的值。前任：

<input onChange={(event) => console.log(+event.target.value) }

此外，您可以从输入中获得模板引用，您可以在需要在特定条件下获取输入时使用它，例如根据条件添加事件侦听器或根据另一个元素事件获取其值。

例如，（密码和确认密码输入）。

代码示例：

import { useRef } from 'react'

const inputRef = useRef()

<input ref={inputRef} />

并且每当您想获取输入值时

inputRef.currunt.value

【讨论】：

使用参考很少是一个好主意。
我只是输出可以完成的可能方式。（他可以根据自己的需要进行选择）。也许其他用户也以更好的方式回答。
您没有提供任何信息让他们确定哪些适合他们的需求。
因为我不知道他的需求，所以他只是问了如何从输入中获取价值。
这不会阻止您解释不同方法何时有用。