javascript - 如何在 React 中用按钮的 innerText 填充输入并同时从键盘输入？

Question

我不确定这是一个正确提出的问题，但我无法设置我在标题中提到的算法。我是 React 的初学者。我很困惑如何用钩子绑定所有这些东西。我要提前感谢您，特别是如果您可以帮助我解决我提出的问题的算法。

标签： javascriptreactjs

Answer 1

function Component() {
  const [inputValue, setInputValue] = useState('');
  return (
    <div>
      <input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />

      <button onClick={(e) => setInputValue(e.target.innerHTML)}>First Btn</button>
      <button onClick={(e) => setInputValue(e.target.innerHTML)}>Second Btn</button>
    </div>
  );
}