Это пример двухстороннего связывания данных в React с использованием хуков? - PullRequest
Новая
       5

Это пример двухстороннего связывания данных в React с использованием хуков?

0 голосов
/ 08 марта 2019

Я полагаю, что это потому, что оно привязывает значение обратно к свойству 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;

1 Ответ

0 голосов
/ 08 марта 2019

Это хороший пример двухсторонней привязки данных, поскольку при обновлении состояния изменяется пользовательский интерфейс, а при изменении пользовательского интерфейса - состояние. Просто нужно напомнить вам, чтобы установить 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;
...