Question

我相信是因为它将值绑定回属性inputText，但只是要确保我正确地说明了这一点。

import React, { useState } from "react";

const InputElement = () => {
  const [inputText, setInputText] = useState("");
  return (
    <div>
      <input
        placeholder="Enter Some Text"
        onChange={e => {
          setInputText(e.target.value);
        }}
      />
    </div>
  );
};

export default InputElement;

Answer 1

这是2路数据绑定的一个很好的示例，因为当您更新状态时，UI会更改，而当UI更改时，状态也会更改。只需提醒您将value元素上的<input>属性设置为inputText，使其成为受控组件即可。

import React, { useState } from "react";

const InputElement = () => {
  const [inputText, setInputText] = useState("");
  return (
    <div>
      <input
        placeholder="Enter Some Text"
        onChange={e => {
          setInputText(e.target.value);
        }}
        value={inputText}
      />
    </div>
  );
};

export default InputElement;

这是使用Hooks在React中进行2向数据绑定的示例吗？

1 个答案: