微语 微语:代码适合中午敲,早晚出BUG

React中input如何进行双向绑定 React

通过onChange或者onInput事件触发useState中修改值的函数

import { useState } from 'react';
function App() {
  let [accValue, setAcc] = useState('')
  return (
    <div className="App">
      <input type="text" value={accValue} onChange={e => { setAcc(e.target.value) }} />
      <span>{accValue}</span>
    </div>
  );
}
export default App;